From 089806fd57bfb7bea2d191ed82c75a8cf2824af0 Mon Sep 17 00:00:00 2001
From: kikipoulet <sepulchreclement.dic@gmail.com>
Date: Mon, 14 Oct 2024 08:16:12 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20kikipoul?=
 =?UTF-8?q?et/SukiUI@a7d524b589943de025750cdc58d823ebb4bcaaad=20?=
 =?UTF-8?q?=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 404.html                                       |  8 ++++----
 api-examples.html                              | 18 +++++++++---------
 ...CdWTDJ20.js => api-examples.md.xKZYav3u.js} |  2 +-
 ...ean.js => api-examples.md.xKZYav3u.lean.js} |  2 +-
 assets/{app.B6ohPiX9.js => app.CYoE4aSy.js}    |  2 +-
 ...fG.js => @localSearchIndexroot.CYSMkTEJ.js} |  2 +-
 assets/chunks/@localSearchIndexzh.DsxCylmZ.js  |  1 +
 assets/chunks/@localSearchIndexzh.OkxnumW8.js  |  1 -
 ...-R1cdco.js => VPLocalSearchBox.DwKDREVG.js} |  6 +++---
 assets/chunks/framework.Ckp7d4B5.js            | 18 ------------------
 assets/chunks/framework.CoCfjAIq.js            | 18 ++++++++++++++++++
 assets/chunks/theme.BOdvyBRz.js                |  2 ++
 assets/chunks/theme.CSEovDxY.js                |  2 --
 ...tion_controls_data_busyarea.md.CGSRNTXx.js} |  2 +-
 ...controls_data_busyarea.md.CGSRNTXx.lean.js} |  2 +-
 ...tion_controls_data_datagrid.md.DZ5jkVbn.js} |  2 +-
 ...controls_data_datagrid.md.DZ5jkVbn.lean.js} |  2 +-
 ...tion_controls_data_expander.md.CMBHeNWz.js} |  2 +-
 ...controls_data_expander.md.CMBHeNWz.lean.js} |  2 +-
 ...tion_controls_data_groupbox.md.CrtStsa9.js} |  2 +-
 ...controls_data_groupbox.md.CrtStsa9.lean.js} |  2 +-
 ...ation_controls_data_listbox.md.DVJQcGSh.js} |  2 +-
 ..._controls_data_listbox.md.DVJQcGSh.lean.js} |  2 +-
 ...tion_controls_data_treeview.md.B_eg_I2u.js} |  2 +-
 ...controls_data_treeview.md.B_eg_I2u.lean.js} |  2 +-
 ..._controls_datetime_calendar.md.DRMPx6wk.js} |  2 +-
 ...rols_datetime_calendar.md.DRMPx6wk.lean.js} |  2 +-
 ...datetime_calendardatepicker.md.DvrkezHr.js} |  2 +-
 ...ime_calendardatepicker.md.DvrkezHr.lean.js} |  2 +-
 ...ontrols_datetime_datepicker.md.7lUO94lr.js} |  2 +-
 ...ls_datetime_datepicker.md.7lUO94lr.lean.js} |  2 +-
 ...ontrols_datetime_timepicker.md.n1dxOpS8.js} |  2 +-
 ...ls_datetime_timepicker.md.n1dxOpS8.lean.js} |  2 +-
 ...rols_inputs_autocompletebox.md.fotwWd-N.js} |  2 +-
 ...inputs_autocompletebox.md.fotwWd-N.lean.js} |  2 +-
 ...tion_controls_inputs_button.md.MultdmkL.js} |  2 +-
 ...controls_inputs_button.md.MultdmkL.lean.js} |  2 +-
 ...on_controls_inputs_checkbox.md.BE8_hNKq.js} |  2 +-
 ...ntrols_inputs_checkbox.md.BE8_hNKq.lean.js} |  2 +-
 ...on_controls_inputs_combobox.md.DWeJYIbw.js} |  2 +-
 ...ntrols_inputs_combobox.md.DWeJYIbw.lean.js} |  2 +-
 ...controls_inputs_contextmenu.md.DoXnGxgf.js} |  2 +-
 ...ols_inputs_contextmenu.md.DoXnGxgf.lean.js} |  2 +-
 ...trols_inputs_dropdownbutton.md.Bo4TPXwT.js} |  2 +-
 ..._inputs_dropdownbutton.md.Bo4TPXwT.lean.js} |  2 +-
 ...ntrols_inputs_numericupdown.md.5wyNtthE.js} |  2 +-
 ...s_inputs_numericupdown.md.5wyNtthE.lean.js} |  2 +-
 ...controls_inputs_radiobutton.md.7Ca0kK3I.js} |  2 +-
 ...ols_inputs_radiobutton.md.7Ca0kK3I.lean.js} |  2 +-
 ...tion_controls_inputs_slider.md.BqiY1C49.js} |  2 +-
 ...controls_inputs_slider.md.BqiY1C49.lean.js} |  2 +-
 ...ion_controls_inputs_textbox.md.C0ITTqPh.js} |  2 +-
 ...ontrols_inputs_textbox.md.C0ITTqPh.lean.js} |  2 +-
 ...ontrols_inputs_togglebutton.md.CLRetAcE.js} |  2 +-
 ...ls_inputs_togglebutton.md.CLRetAcE.lean.js} |  2 +-
 ...ontrols_inputs_toggleswitch.md.xuOhQHc7.js} |  2 +-
 ...ls_inputs_toggleswitch.md.xuOhQHc7.lean.js} |  2 +-
 ...tation_controls_layout_dock.md.Cgcztqt_.js} |  2 +-
 ...n_controls_layout_dock.md.Cgcztqt_.lean.js} |  2 +-
 ...n_controls_layout_glasscard.md.hVskZja9.js} |  2 +-
 ...trols_layout_glasscard.md.hVskZja9.lean.js} |  2 +-
 ...trols_layout_settingslayout.md.CTOaD0bO.js} |  2 +-
 ..._layout_settingslayout.md.CTOaD0bO.lean.js} |  2 +-
 ..._controls_layout_sukiwindow.md.Bwrc7Ugt.js} |  2 +-
 ...rols_layout_sukiwindow.md.Bwrc7Ugt.lean.js} |  2 +-
 ...ontrols_navigation_sidemenu.md.CKedGK7N.js} |  2 +-
 ...ls_navigation_sidemenu.md.CKedGK7N.lean.js} |  2 +-
 ...ntrols_navigation_stackpage.md.CnH0p65_.js} |  2 +-
 ...s_navigation_stackpage.md.CnH0p65_.lean.js} |  2 +-
 ...trols_navigation_tabcontrol.md.DpK6AJqy.js} |  2 +-
 ..._navigation_tabcontrol.md.DpK6AJqy.lean.js} |  2 +-
 ...rols_notification_infobadge.md.4c-jUjQO.js} |  2 +-
 ...notification_infobadge.md.4c-jUjQO.lean.js} |  2 +-
 ...ntrols_notification_infobar.md.mVkhGF2-.js} |  2 +-
 ...s_notification_infobar.md.mVkhGF2-.lean.js} |  2 +-
 ..._progress_circleprogressbar.md.Ctg54rIO.js} |  2 +-
 ...ress_circleprogressbar.md.Ctg54rIO.lean.js} |  2 +-
 ...n_controls_progress_loading.md.t8ClkFEo.js} |  2 +-
 ...trols_progress_loading.md.t8ClkFEo.lean.js} |  2 +-
 ...ntrols_progress_progressbar.md.BtY0dHpo.js} |  2 +-
 ...s_progress_progressbar.md.BtY0dHpo.lean.js} |  2 +-
 ...n_controls_progress_stepper.md.Dp65mxfS.js} |  2 +-
 ...trols_progress_stepper.md.Dp65mxfS.lean.js} |  2 +-
 ...trols_progress_waveprogress.md.DTCp8k9m.js} |  2 +-
 ..._progress_waveprogress.md.DTCp8k9m.lean.js} |  2 +-
 ..._controls_system_filepicker.md.Cp1byn_4.js} |  2 +-
 ...rols_system_filepicker.md.Cp1byn_4.lean.js} |  2 +-
 ...cumentation_faq_custom-font.md.3FvTz3gh.js} |  2 +-
 ...tation_faq_custom-font.md.3FvTz3gh.lean.js} |  2 +-
 ...etting-started_installation.md.BGkOGXN5.js} |  2 +-
 ...g-started_installation.md.BGkOGXN5.lean.js} |  2 +-
 ...etting-started_introduction.md.C7P2kwsZ.js} |  2 +-
 ...g-started_introduction.md.C7P2kwsZ.lean.js} |  2 +-
 ...tion_getting-started_launch.md.SDnswIiC.js} |  2 +-
 ...getting-started_launch.md.SDnswIiC.lean.js} |  2 +-
 ... documentation_hosts_dialog.md.DCHoz3_r.js} |  2 +-
 ...mentation_hosts_dialog.md.DCHoz3_r.lean.js} |  2 +-
 ...> documentation_hosts_hosts.md.CqO9D7Jh.js} |  2 +-
 ...umentation_hosts_hosts.md.CqO9D7Jh.lean.js} |  2 +-
 ...> documentation_hosts_toast.md.9xC1dbU-.js} |  2 +-
 ...umentation_hosts_toast.md.9xC1dbU-.lean.js} |  2 +-
 ...J.js => documentation_index.md.DKuGNyZt.js} |  2 +-
 ...=> documentation_index.md.DKuGNyZt.lean.js} |  2 +-
 ...> documentation_style_color.md.BCo6u_r2.js} |  2 +-
 ...umentation_style_color.md.BCo6u_r2.lean.js} |  2 +-
 ...=> documentation_style_icon.md.DjC2vRh-.js} |  2 +-
 ...cumentation_style_icon.md.DjC2vRh-.lean.js} |  2 +-
 ...=> documentation_style_text.md.BaXRSajy.js} |  2 +-
 ...cumentation_style_text.md.BaXRSajy.lean.js} |  2 +-
 ...documentation_theming_basic.md.CUCv0vqm.js} |  2 +-
 ...entation_theming_basic.md.CUCv0vqm.lean.js} |  2 +-
 ...ntation_theming_theme-color.md.Db-C0foH.js} |  2 +-
 ...on_theming_theme-color.md.Db-C0foH.lean.js} |  2 +-
 ...documentation_theming_theme.md.B5IOppXO.js} |  2 +-
 ...entation_theming_theme.md.B5IOppXO.lean.js} |  2 +-
 ...dex.md.DONymsuU.js => index.md.DWZK2KlF.js} |  2 +-
 ...ymsuU.lean.js => index.md.DWZK2KlF.lean.js} |  2 +-
 ...fPS.js => markdown-examples.md.BB-hYbnM.js} |  2 +-
 ...s => markdown-examples.md.BB-hYbnM.lean.js} |  2 +-
 .../{style.D_bJgWYs.css => style.CvZnpzXw.css} |  2 +-
 ...tion_controls_data_busyarea.md.BG9a8YPp.js} |  2 +-
 ...controls_data_busyarea.md.BG9a8YPp.lean.js} |  2 +-
 ...tion_controls_data_datagrid.md.CmUGWqOd.js} |  2 +-
 ...controls_data_datagrid.md.CmUGWqOd.lean.js} |  2 +-
 ...tion_controls_data_expander.md.BoWlT255.js} |  2 +-
 ...controls_data_expander.md.BoWlT255.lean.js} |  2 +-
 ...tion_controls_data_groupbox.md.CmfmPpuY.js} |  2 +-
 ...controls_data_groupbox.md.CmfmPpuY.lean.js} |  2 +-
 ...ation_controls_data_listbox.md.DvASlktq.js} |  2 +-
 ..._controls_data_listbox.md.DvASlktq.lean.js} |  2 +-
 ...tion_controls_data_treeview.md.6plUxp5v.js} |  2 +-
 ...controls_data_treeview.md.6plUxp5v.lean.js} |  2 +-
 ..._controls_datetime_calendar.md.D1diz33i.js} |  2 +-
 ...rols_datetime_calendar.md.D1diz33i.lean.js} |  2 +-
 ...datetime_calendardatepicker.md.DpcFLv4y.js} |  2 +-
 ...ime_calendardatepicker.md.DpcFLv4y.lean.js} |  2 +-
 ...ontrols_datetime_datepicker.md.B_xzo91v.js} |  2 +-
 ...ls_datetime_datepicker.md.B_xzo91v.lean.js} |  2 +-
 ...ontrols_datetime_timepicker.md.ykMnV9ve.js} |  2 +-
 ...ls_datetime_timepicker.md.ykMnV9ve.lean.js} |  2 +-
 ...rols_inputs_autocompletebox.md.B6D2FByw.js} |  2 +-
 ...inputs_autocompletebox.md.B6D2FByw.lean.js} |  2 +-
 ...tion_controls_inputs_button.md.7Poaz6tu.js} |  2 +-
 ...controls_inputs_button.md.7Poaz6tu.lean.js} |  2 +-
 ...on_controls_inputs_checkbox.md.Cf_gA-px.js} |  2 +-
 ...ntrols_inputs_checkbox.md.Cf_gA-px.lean.js} |  2 +-
 ...on_controls_inputs_combobox.md.bcuLBHA-.js} |  2 +-
 ...ntrols_inputs_combobox.md.bcuLBHA-.lean.js} |  2 +-
 ...controls_inputs_contextmenu.md.CzggnY1z.js} |  2 +-
 ...ols_inputs_contextmenu.md.CzggnY1z.lean.js} |  2 +-
 ...trols_inputs_dropdownbutton.md.BbBcLxS2.js} |  2 +-
 ..._inputs_dropdownbutton.md.BbBcLxS2.lean.js} |  2 +-
 ...ntrols_inputs_numericupdown.md.CODJO-4s.js} |  2 +-
 ...s_inputs_numericupdown.md.CODJO-4s.lean.js} |  2 +-
 ...controls_inputs_radiobutton.md.BXHp-K7Y.js} |  2 +-
 ...ols_inputs_radiobutton.md.BXHp-K7Y.lean.js} |  2 +-
 ...tion_controls_inputs_slider.md.DhhRGnyh.js} |  2 +-
 ...controls_inputs_slider.md.DhhRGnyh.lean.js} |  2 +-
 ...ion_controls_inputs_textbox.md.C2BQuxrw.js} |  2 +-
 ...ontrols_inputs_textbox.md.C2BQuxrw.lean.js} |  2 +-
 ...ontrols_inputs_togglebutton.md.CfPDcUql.js} |  2 +-
 ...ls_inputs_togglebutton.md.CfPDcUql.lean.js} |  2 +-
 ...ontrols_inputs_toggleswitch.md.uNQHmJaZ.js} |  2 +-
 ...ls_inputs_toggleswitch.md.uNQHmJaZ.lean.js} |  2 +-
 ...tation_controls_layout_dock.md.mg-Mq_jp.js} |  2 +-
 ...n_controls_layout_dock.md.mg-Mq_jp.lean.js} |  2 +-
 ...n_controls_layout_glasscard.md.CpcLtEv1.js} |  2 +-
 ...trols_layout_glasscard.md.CpcLtEv1.lean.js} |  2 +-
 ...trols_layout_settingslayout.md.B9-qh1az.js} |  2 +-
 ..._layout_settingslayout.md.B9-qh1az.lean.js} |  2 +-
 ..._controls_layout_sukiwindow.md.BTyRICtX.js} |  2 +-
 ...rols_layout_sukiwindow.md.BTyRICtX.lean.js} |  2 +-
 ...ontrols_navigation_sidemenu.md.DsUF6Klo.js} |  2 +-
 ...ls_navigation_sidemenu.md.DsUF6Klo.lean.js} |  2 +-
 ...ntrols_navigation_stackpage.md.UOQMW330.js} |  2 +-
 ...s_navigation_stackpage.md.UOQMW330.lean.js} |  2 +-
 ...trols_navigation_tabcontrol.md.Dm_I1ecn.js} |  2 +-
 ..._navigation_tabcontrol.md.Dm_I1ecn.lean.js} |  2 +-
 ...rols_notification_infobadge.md.CYB-8Lw8.js} |  2 +-
 ...notification_infobadge.md.CYB-8Lw8.lean.js} |  2 +-
 ...ntrols_notification_infobar.md.Cu_kRU8K.js} |  2 +-
 ...s_notification_infobar.md.Cu_kRU8K.lean.js} |  2 +-
 ..._progress_circleprogressbar.md.C16keW9i.js} |  2 +-
 ...ress_circleprogressbar.md.C16keW9i.lean.js} |  2 +-
 ...n_controls_progress_loading.md.DIoSdgnz.js} |  2 +-
 ...trols_progress_loading.md.DIoSdgnz.lean.js} |  2 +-
 ...ntrols_progress_progressbar.md.Dwav7bBx.js} |  2 +-
 ...s_progress_progressbar.md.Dwav7bBx.lean.js} |  2 +-
 ...n_controls_progress_stepper.md.B8p93PmZ.js} |  2 +-
 ...trols_progress_stepper.md.B8p93PmZ.lean.js} |  2 +-
 ...trols_progress_waveprogress.md.C6QCQyu9.js} |  2 +-
 ..._progress_waveprogress.md.C6QCQyu9.lean.js} |  2 +-
 ..._controls_system_filepicker.md.DzvNGmvC.js} |  2 +-
 ...rols_system_filepicker.md.DzvNGmvC.lean.js} |  2 +-
 ...cumentation_faq_custom-font.md.C8__sOrN.js} |  2 +-
 ...tation_faq_custom-font.md.C8__sOrN.lean.js} |  2 +-
 ...etting-started_installation.md.D90qknIP.js} |  2 +-
 ...g-started_installation.md.D90qknIP.lean.js} |  2 +-
 ...etting-started_introduction.md.RZfbCGKb.js} |  2 +-
 ...g-started_introduction.md.RZfbCGKb.lean.js} |  2 +-
 ...tion_getting-started_launch.md.CKpUuq0m.js} |  2 +-
 ...getting-started_launch.md.CKpUuq0m.lean.js} |  2 +-
 ..._documentation_hosts_dialog.md.Db3RG0h5.js} |  2 +-
 ...mentation_hosts_dialog.md.Db3RG0h5.lean.js} |  2 +-
 ...h_documentation_hosts_hosts.md.23QA2QDu.js} |  2 +-
 ...umentation_hosts_hosts.md.23QA2QDu.lean.js} |  2 +-
 ...h_documentation_hosts_toast.md.DZJQWLJa.js} |  2 +-
 ...umentation_hosts_toast.md.DZJQWLJa.lean.js} |  2 +-
 ...s => zh_documentation_index.md.BJnTSKI9.js} |  2 +-
 ...zh_documentation_index.md.BJnTSKI9.lean.js} |  2 +-
 ...h_documentation_style_color.md.qe0m7krY.js} |  2 +-
 ...umentation_style_color.md.qe0m7krY.lean.js} |  2 +-
 ...zh_documentation_style_icon.md.DuABnqCZ.js} |  2 +-
 ...cumentation_style_icon.md.DuABnqCZ.lean.js} |  2 +-
 ...zh_documentation_style_text.md.DDQ6FfGq.js} |  2 +-
 ...cumentation_style_text.md.DDQ6FfGq.lean.js} |  2 +-
 ...documentation_theming_basic.md.CCSnN4Zk.js} |  2 +-
 ...entation_theming_basic.md.CCSnN4Zk.lean.js} |  2 +-
 ...ntation_theming_theme-color.md.DV-O-uC3.js} |  2 +-
 ...on_theming_theme-color.md.DV-O-uC3.lean.js} |  2 +-
 ...documentation_theming_theme.md.CokiFiib.js} |  2 +-
 ...entation_theming_theme.md.CokiFiib.lean.js} |  2 +-
 ....md.B7aJgClu.js => zh_index.md.Bb8-jd6r.js} |  2 +-
 ...lu.lean.js => zh_index.md.Bb8-jd6r.lean.js} |  2 +-
 documentation/controls/data/busyarea.html      | 18 +++++++++---------
 documentation/controls/data/datagrid.html      | 16 ++++++++--------
 documentation/controls/data/expander.html      | 18 +++++++++---------
 documentation/controls/data/groupbox.html      | 18 +++++++++---------
 documentation/controls/data/listbox.html       | 16 ++++++++--------
 documentation/controls/data/treeview.html      | 16 ++++++++--------
 documentation/controls/datetime/calendar.html  | 16 ++++++++--------
 .../controls/datetime/calendardatepicker.html  | 16 ++++++++--------
 .../controls/datetime/datepicker.html          | 16 ++++++++--------
 .../controls/datetime/timepicker.html          | 16 ++++++++--------
 .../controls/inputs/autocompletebox.html       | 18 +++++++++---------
 documentation/controls/inputs/button.html      | 18 +++++++++---------
 documentation/controls/inputs/checkbox.html    | 18 +++++++++---------
 documentation/controls/inputs/combobox.html    | 18 +++++++++---------
 documentation/controls/inputs/contextmenu.html | 18 +++++++++---------
 .../controls/inputs/dropdownbutton.html        | 18 +++++++++---------
 .../controls/inputs/numericupdown.html         | 16 ++++++++--------
 documentation/controls/inputs/radiobutton.html | 18 +++++++++---------
 documentation/controls/inputs/slider.html      | 18 +++++++++---------
 documentation/controls/inputs/textbox.html     | 16 ++++++++--------
 .../controls/inputs/togglebutton.html          | 16 ++++++++--------
 .../controls/inputs/toggleswitch.html          | 16 ++++++++--------
 documentation/controls/layout/dock.html        | 16 ++++++++--------
 documentation/controls/layout/glasscard.html   | 18 +++++++++---------
 .../controls/layout/settingslayout.html        | 18 +++++++++---------
 documentation/controls/layout/sukiwindow.html  | 18 +++++++++---------
 .../controls/navigation/sidemenu.html          | 18 +++++++++---------
 .../controls/navigation/stackpage.html         | 16 ++++++++--------
 .../controls/navigation/tabcontrol.html        | 18 +++++++++---------
 .../controls/notification/infobadge.html       | 16 ++++++++--------
 .../controls/notification/infobar.html         | 18 +++++++++---------
 .../controls/progress/circleprogressbar.html   | 18 +++++++++---------
 documentation/controls/progress/loading.html   | 16 ++++++++--------
 .../controls/progress/progressbar.html         | 16 ++++++++--------
 documentation/controls/progress/stepper.html   | 18 +++++++++---------
 .../controls/progress/waveprogress.html        | 18 +++++++++---------
 documentation/controls/system/filepicker.html  | 16 ++++++++--------
 documentation/faq/custom-font.html             | 18 +++++++++---------
 .../getting-started/installation.html          | 16 ++++++++--------
 .../getting-started/introduction.html          | 18 +++++++++---------
 documentation/getting-started/launch.html      | 18 +++++++++---------
 documentation/hosts/dialog.html                | 18 +++++++++---------
 documentation/hosts/hosts.html                 | 18 +++++++++---------
 documentation/hosts/toast.html                 | 18 +++++++++---------
 documentation/index.html                       | 16 ++++++++--------
 documentation/style/color.html                 | 16 ++++++++--------
 documentation/style/icon.html                  | 16 ++++++++--------
 documentation/style/text.html                  | 16 ++++++++--------
 documentation/theming/basic.html               | 16 ++++++++--------
 documentation/theming/theme-color.html         | 18 +++++++++---------
 documentation/theming/theme.html               | 18 +++++++++---------
 hashmap.json                                   |  2 +-
 index.html                                     | 16 ++++++++--------
 markdown-examples.html                         | 18 +++++++++---------
 zh/documentation/controls/data/busyarea.html   | 18 +++++++++---------
 zh/documentation/controls/data/datagrid.html   | 16 ++++++++--------
 zh/documentation/controls/data/expander.html   | 18 +++++++++---------
 zh/documentation/controls/data/groupbox.html   | 18 +++++++++---------
 zh/documentation/controls/data/listbox.html    | 16 ++++++++--------
 zh/documentation/controls/data/treeview.html   | 16 ++++++++--------
 .../controls/datetime/calendar.html            | 16 ++++++++--------
 .../controls/datetime/calendardatepicker.html  | 16 ++++++++--------
 .../controls/datetime/datepicker.html          | 16 ++++++++--------
 .../controls/datetime/timepicker.html          | 16 ++++++++--------
 .../controls/inputs/autocompletebox.html       | 18 +++++++++---------
 zh/documentation/controls/inputs/button.html   | 18 +++++++++---------
 zh/documentation/controls/inputs/checkbox.html | 18 +++++++++---------
 zh/documentation/controls/inputs/combobox.html | 18 +++++++++---------
 .../controls/inputs/contextmenu.html           | 18 +++++++++---------
 .../controls/inputs/dropdownbutton.html        | 18 +++++++++---------
 .../controls/inputs/numericupdown.html         | 16 ++++++++--------
 .../controls/inputs/radiobutton.html           | 18 +++++++++---------
 zh/documentation/controls/inputs/slider.html   | 18 +++++++++---------
 zh/documentation/controls/inputs/textbox.html  | 16 ++++++++--------
 .../controls/inputs/togglebutton.html          | 16 ++++++++--------
 .../controls/inputs/toggleswitch.html          | 16 ++++++++--------
 zh/documentation/controls/layout/dock.html     | 16 ++++++++--------
 .../controls/layout/glasscard.html             | 18 +++++++++---------
 .../controls/layout/settingslayout.html        | 18 +++++++++---------
 .../controls/layout/sukiwindow.html            | 18 +++++++++---------
 .../controls/navigation/sidemenu.html          | 18 +++++++++---------
 .../controls/navigation/stackpage.html         | 16 ++++++++--------
 .../controls/navigation/tabcontrol.html        | 18 +++++++++---------
 .../controls/notification/infobadge.html       | 16 ++++++++--------
 .../controls/notification/infobar.html         | 18 +++++++++---------
 .../controls/progress/circleprogressbar.html   | 18 +++++++++---------
 .../controls/progress/loading.html             | 16 ++++++++--------
 .../controls/progress/progressbar.html         | 16 ++++++++--------
 .../controls/progress/stepper.html             | 18 +++++++++---------
 .../controls/progress/waveprogress.html        | 18 +++++++++---------
 .../controls/system/filepicker.html            | 16 ++++++++--------
 zh/documentation/faq/custom-font.html          | 18 +++++++++---------
 .../getting-started/installation.html          | 16 ++++++++--------
 .../getting-started/introduction.html          | 18 +++++++++---------
 zh/documentation/getting-started/launch.html   | 18 +++++++++---------
 zh/documentation/hosts/dialog.html             | 18 +++++++++---------
 zh/documentation/hosts/hosts.html              | 18 +++++++++---------
 zh/documentation/hosts/toast.html              | 18 +++++++++---------
 zh/documentation/index.html                    | 16 ++++++++--------
 zh/documentation/style/color.html              | 16 ++++++++--------
 zh/documentation/style/icon.html               | 16 ++++++++--------
 zh/documentation/style/text.html               | 16 ++++++++--------
 zh/documentation/theming/basic.html            | 16 ++++++++--------
 zh/documentation/theming/theme-color.html      | 18 +++++++++---------
 zh/documentation/theming/theme.html            | 18 +++++++++---------
 zh/index.html                                  | 16 ++++++++--------
 330 files changed, 1150 insertions(+), 1150 deletions(-)
 rename assets/{api-examples.md.CdWTDJ20.js => api-examples.md.xKZYav3u.js} (98%)
 rename assets/{api-examples.md.CdWTDJ20.lean.js => api-examples.md.xKZYav3u.lean.js} (98%)
 rename assets/{app.B6ohPiX9.js => app.CYoE4aSy.js} (90%)
 rename assets/chunks/{@localSearchIndexroot.BZXLTBfG.js => @localSearchIndexroot.CYSMkTEJ.js} (94%)
 create mode 100644 assets/chunks/@localSearchIndexzh.DsxCylmZ.js
 delete mode 100644 assets/chunks/@localSearchIndexzh.OkxnumW8.js
 rename assets/chunks/{VPLocalSearchBox.D-R1cdco.js => VPLocalSearchBox.DwKDREVG.js} (68%)
 delete mode 100644 assets/chunks/framework.Ckp7d4B5.js
 create mode 100644 assets/chunks/framework.CoCfjAIq.js
 create mode 100644 assets/chunks/theme.BOdvyBRz.js
 delete mode 100644 assets/chunks/theme.CSEovDxY.js
 rename assets/{documentation_controls_data_busyarea.md.DMJsYZEZ.js => documentation_controls_data_busyarea.md.CGSRNTXx.js} (93%)
 rename assets/{documentation_controls_data_busyarea.md.DMJsYZEZ.lean.js => documentation_controls_data_busyarea.md.CGSRNTXx.lean.js} (93%)
 rename assets/{documentation_controls_data_datagrid.md.CP6rCDfR.js => documentation_controls_data_datagrid.md.DZ5jkVbn.js} (84%)
 rename assets/{documentation_controls_data_datagrid.md.CP6rCDfR.lean.js => documentation_controls_data_datagrid.md.DZ5jkVbn.lean.js} (84%)
 rename assets/{documentation_controls_data_expander.md.fMVQ3JuJ.js => documentation_controls_data_expander.md.CMBHeNWz.js} (99%)
 rename assets/{documentation_controls_data_expander.md.fMVQ3JuJ.lean.js => documentation_controls_data_expander.md.CMBHeNWz.lean.js} (99%)
 rename assets/{documentation_controls_data_groupbox.md.DII6xeuG.js => documentation_controls_data_groupbox.md.CrtStsa9.js} (92%)
 rename assets/{documentation_controls_data_groupbox.md.DII6xeuG.lean.js => documentation_controls_data_groupbox.md.CrtStsa9.lean.js} (92%)
 rename assets/{documentation_controls_data_listbox.md.2zd9tYx2.js => documentation_controls_data_listbox.md.DVJQcGSh.js} (91%)
 rename assets/{documentation_controls_data_listbox.md.2zd9tYx2.lean.js => documentation_controls_data_listbox.md.DVJQcGSh.lean.js} (91%)
 rename assets/{documentation_controls_data_treeview.md.DlDM9Q7c.js => documentation_controls_data_treeview.md.B_eg_I2u.js} (91%)
 rename assets/{documentation_controls_data_treeview.md.DlDM9Q7c.lean.js => documentation_controls_data_treeview.md.B_eg_I2u.lean.js} (91%)
 rename assets/{documentation_controls_datetime_calendar.md.B3rzLY3G.js => documentation_controls_datetime_calendar.md.DRMPx6wk.js} (96%)
 rename assets/{documentation_controls_datetime_calendar.md.B3rzLY3G.lean.js => documentation_controls_datetime_calendar.md.DRMPx6wk.lean.js} (96%)
 rename assets/{documentation_controls_datetime_calendardatepicker.md.C1mLiF4g.js => documentation_controls_datetime_calendardatepicker.md.DvrkezHr.js} (97%)
 rename assets/{documentation_controls_datetime_calendardatepicker.md.C1mLiF4g.lean.js => documentation_controls_datetime_calendardatepicker.md.DvrkezHr.lean.js} (97%)
 rename assets/{documentation_controls_datetime_datepicker.md.4tWb-V3a.js => documentation_controls_datetime_datepicker.md.7lUO94lr.js} (96%)
 rename assets/{documentation_controls_datetime_datepicker.md.4tWb-V3a.lean.js => documentation_controls_datetime_datepicker.md.7lUO94lr.lean.js} (96%)
 rename assets/{documentation_controls_datetime_timepicker.md.DYckWuEY.js => documentation_controls_datetime_timepicker.md.n1dxOpS8.js} (96%)
 rename assets/{documentation_controls_datetime_timepicker.md.DYckWuEY.lean.js => documentation_controls_datetime_timepicker.md.n1dxOpS8.lean.js} (96%)
 rename assets/{documentation_controls_inputs_autocompletebox.md.Cq59lrEX.js => documentation_controls_inputs_autocompletebox.md.fotwWd-N.js} (99%)
 rename assets/{documentation_controls_inputs_autocompletebox.md.Cq59lrEX.lean.js => documentation_controls_inputs_autocompletebox.md.fotwWd-N.lean.js} (99%)
 rename assets/{documentation_controls_inputs_button.md.C6GwL-p4.js => documentation_controls_inputs_button.md.MultdmkL.js} (99%)
 rename assets/{documentation_controls_inputs_button.md.C6GwL-p4.lean.js => documentation_controls_inputs_button.md.MultdmkL.lean.js} (99%)
 rename assets/{documentation_controls_inputs_checkbox.md.D_DdvQNu.js => documentation_controls_inputs_checkbox.md.BE8_hNKq.js} (98%)
 rename assets/{documentation_controls_inputs_checkbox.md.D_DdvQNu.lean.js => documentation_controls_inputs_checkbox.md.BE8_hNKq.lean.js} (98%)
 rename assets/{documentation_controls_inputs_combobox.md.CIN88vgw.js => documentation_controls_inputs_combobox.md.DWeJYIbw.js} (97%)
 rename assets/{documentation_controls_inputs_combobox.md.CIN88vgw.lean.js => documentation_controls_inputs_combobox.md.DWeJYIbw.lean.js} (97%)
 rename assets/{documentation_controls_inputs_contextmenu.md.BMu1p23o.js => documentation_controls_inputs_contextmenu.md.DoXnGxgf.js} (99%)
 rename assets/{documentation_controls_inputs_contextmenu.md.BMu1p23o.lean.js => documentation_controls_inputs_contextmenu.md.DoXnGxgf.lean.js} (99%)
 rename assets/{documentation_controls_inputs_dropdownbutton.md.Cgj8Ep1k.js => documentation_controls_inputs_dropdownbutton.md.Bo4TPXwT.js} (98%)
 rename assets/{documentation_controls_inputs_dropdownbutton.md.Cgj8Ep1k.lean.js => documentation_controls_inputs_dropdownbutton.md.Bo4TPXwT.lean.js} (98%)
 rename assets/{documentation_controls_inputs_numericupdown.md.Vqgfemap.js => documentation_controls_inputs_numericupdown.md.5wyNtthE.js} (97%)
 rename assets/{documentation_controls_inputs_numericupdown.md.Vqgfemap.lean.js => documentation_controls_inputs_numericupdown.md.5wyNtthE.lean.js} (97%)
 rename assets/{documentation_controls_inputs_radiobutton.md.agoK1YLy.js => documentation_controls_inputs_radiobutton.md.7Ca0kK3I.js} (98%)
 rename assets/{documentation_controls_inputs_radiobutton.md.agoK1YLy.lean.js => documentation_controls_inputs_radiobutton.md.7Ca0kK3I.lean.js} (98%)
 rename assets/{documentation_controls_inputs_slider.md.Q8pom4Zg.js => documentation_controls_inputs_slider.md.BqiY1C49.js} (95%)
 rename assets/{documentation_controls_inputs_slider.md.Q8pom4Zg.lean.js => documentation_controls_inputs_slider.md.BqiY1C49.lean.js} (95%)
 rename assets/{documentation_controls_inputs_textbox.md.DQYvhmPE.js => documentation_controls_inputs_textbox.md.C0ITTqPh.js} (97%)
 rename assets/{documentation_controls_inputs_textbox.md.DQYvhmPE.lean.js => documentation_controls_inputs_textbox.md.C0ITTqPh.lean.js} (97%)
 rename assets/{documentation_controls_inputs_togglebutton.md.CfxvYYot.js => documentation_controls_inputs_togglebutton.md.CLRetAcE.js} (96%)
 rename assets/{documentation_controls_inputs_togglebutton.md.CfxvYYot.lean.js => documentation_controls_inputs_togglebutton.md.CLRetAcE.lean.js} (96%)
 rename assets/{documentation_controls_inputs_toggleswitch.md.CtBNA0sQ.js => documentation_controls_inputs_toggleswitch.md.xuOhQHc7.js} (93%)
 rename assets/{documentation_controls_inputs_toggleswitch.md.CtBNA0sQ.lean.js => documentation_controls_inputs_toggleswitch.md.xuOhQHc7.lean.js} (93%)
 rename assets/{documentation_controls_layout_dock.md.PrfIRBwX.js => documentation_controls_layout_dock.md.Cgcztqt_.js} (94%)
 rename assets/{documentation_controls_layout_dock.md.PrfIRBwX.lean.js => documentation_controls_layout_dock.md.Cgcztqt_.lean.js} (94%)
 rename assets/{documentation_controls_layout_glasscard.md.BoFAxp4P.js => documentation_controls_layout_glasscard.md.hVskZja9.js} (98%)
 rename assets/{documentation_controls_layout_glasscard.md.BoFAxp4P.lean.js => documentation_controls_layout_glasscard.md.hVskZja9.lean.js} (98%)
 rename assets/{documentation_controls_layout_settingslayout.md.CSwRNNNO.js => documentation_controls_layout_settingslayout.md.CTOaD0bO.js} (99%)
 rename assets/{documentation_controls_layout_settingslayout.md.CSwRNNNO.lean.js => documentation_controls_layout_settingslayout.md.CTOaD0bO.lean.js} (99%)
 rename assets/{documentation_controls_layout_sukiwindow.md.kR1zYdh9.js => documentation_controls_layout_sukiwindow.md.Bwrc7Ugt.js} (98%)
 rename assets/{documentation_controls_layout_sukiwindow.md.kR1zYdh9.lean.js => documentation_controls_layout_sukiwindow.md.Bwrc7Ugt.lean.js} (98%)
 rename assets/{documentation_controls_navigation_sidemenu.md.DnxRSEZL.js => documentation_controls_navigation_sidemenu.md.CKedGK7N.js} (99%)
 rename assets/{documentation_controls_navigation_sidemenu.md.DnxRSEZL.lean.js => documentation_controls_navigation_sidemenu.md.CKedGK7N.lean.js} (99%)
 rename assets/{documentation_controls_navigation_stackpage.md.CdPRFWq_.js => documentation_controls_navigation_stackpage.md.CnH0p65_.js} (97%)
 rename assets/{documentation_controls_navigation_stackpage.md.CdPRFWq_.lean.js => documentation_controls_navigation_stackpage.md.CnH0p65_.lean.js} (97%)
 rename assets/{documentation_controls_navigation_tabcontrol.md.BKM7KEPx.js => documentation_controls_navigation_tabcontrol.md.DpK6AJqy.js} (98%)
 rename assets/{documentation_controls_navigation_tabcontrol.md.BKM7KEPx.lean.js => documentation_controls_navigation_tabcontrol.md.DpK6AJqy.lean.js} (98%)
 rename assets/{documentation_controls_notification_infobadge.md.OH4qKYVc.js => documentation_controls_notification_infobadge.md.4c-jUjQO.js} (85%)
 rename assets/{documentation_controls_notification_infobadge.md.OH4qKYVc.lean.js => documentation_controls_notification_infobadge.md.4c-jUjQO.lean.js} (85%)
 rename assets/{documentation_controls_notification_infobar.md.BetH2EyL.js => documentation_controls_notification_infobar.md.mVkhGF2-.js} (98%)
 rename assets/{documentation_controls_notification_infobar.md.BetH2EyL.lean.js => documentation_controls_notification_infobar.md.mVkhGF2-.lean.js} (98%)
 rename assets/{documentation_controls_progress_circleprogressbar.md.udCyUNRn.js => documentation_controls_progress_circleprogressbar.md.Ctg54rIO.js} (98%)
 rename assets/{documentation_controls_progress_circleprogressbar.md.udCyUNRn.lean.js => documentation_controls_progress_circleprogressbar.md.Ctg54rIO.lean.js} (98%)
 rename assets/{documentation_controls_progress_loading.md.TMU_P3Rw.js => documentation_controls_progress_loading.md.t8ClkFEo.js} (96%)
 rename assets/{documentation_controls_progress_loading.md.TMU_P3Rw.lean.js => documentation_controls_progress_loading.md.t8ClkFEo.lean.js} (96%)
 rename assets/{documentation_controls_progress_progressbar.md.DfnklRar.js => documentation_controls_progress_progressbar.md.BtY0dHpo.js} (97%)
 rename assets/{documentation_controls_progress_progressbar.md.DfnklRar.lean.js => documentation_controls_progress_progressbar.md.BtY0dHpo.lean.js} (97%)
 rename assets/{documentation_controls_progress_stepper.md.BXZYLela.js => documentation_controls_progress_stepper.md.Dp65mxfS.js} (97%)
 rename assets/{documentation_controls_progress_stepper.md.BXZYLela.lean.js => documentation_controls_progress_stepper.md.Dp65mxfS.lean.js} (97%)
 rename assets/{documentation_controls_progress_waveprogress.md.CPxJjBOZ.js => documentation_controls_progress_waveprogress.md.DTCp8k9m.js} (97%)
 rename assets/{documentation_controls_progress_waveprogress.md.CPxJjBOZ.lean.js => documentation_controls_progress_waveprogress.md.DTCp8k9m.lean.js} (97%)
 rename assets/{documentation_controls_system_filepicker.md.BjnywONc.js => documentation_controls_system_filepicker.md.Cp1byn_4.js} (84%)
 rename assets/{documentation_controls_system_filepicker.md.BjnywONc.lean.js => documentation_controls_system_filepicker.md.Cp1byn_4.lean.js} (84%)
 rename assets/{documentation_faq_custom-font.md.BjfHpI-f.js => documentation_faq_custom-font.md.3FvTz3gh.js} (98%)
 rename assets/{documentation_faq_custom-font.md.BjfHpI-f.lean.js => documentation_faq_custom-font.md.3FvTz3gh.lean.js} (98%)
 rename assets/{documentation_getting-started_installation.md.kDGA3Lfu.js => documentation_getting-started_installation.md.BGkOGXN5.js} (98%)
 rename assets/{documentation_getting-started_installation.md.kDGA3Lfu.lean.js => documentation_getting-started_installation.md.BGkOGXN5.lean.js} (98%)
 rename assets/{documentation_getting-started_introduction.md.CSdMaYse.js => documentation_getting-started_introduction.md.C7P2kwsZ.js} (96%)
 rename assets/{documentation_getting-started_introduction.md.CSdMaYse.lean.js => documentation_getting-started_introduction.md.C7P2kwsZ.lean.js} (96%)
 rename assets/{documentation_getting-started_launch.md.jmgT-pLt.js => documentation_getting-started_launch.md.SDnswIiC.js} (99%)
 rename assets/{documentation_getting-started_launch.md.jmgT-pLt.lean.js => documentation_getting-started_launch.md.SDnswIiC.lean.js} (99%)
 rename assets/{documentation_hosts_dialog.md.QzgAXyXO.js => documentation_hosts_dialog.md.DCHoz3_r.js} (99%)
 rename assets/{documentation_hosts_dialog.md.QzgAXyXO.lean.js => documentation_hosts_dialog.md.DCHoz3_r.lean.js} (99%)
 rename assets/{documentation_hosts_hosts.md.q3MqfPNp.js => documentation_hosts_hosts.md.CqO9D7Jh.js} (95%)
 rename assets/{documentation_hosts_hosts.md.q3MqfPNp.lean.js => documentation_hosts_hosts.md.CqO9D7Jh.lean.js} (95%)
 rename assets/{documentation_hosts_toast.md.DdRHvUH_.js => documentation_hosts_toast.md.9xC1dbU-.js} (99%)
 rename assets/{documentation_hosts_toast.md.DdRHvUH_.lean.js => documentation_hosts_toast.md.9xC1dbU-.lean.js} (99%)
 rename assets/{documentation_index.md.AyBFukAJ.js => documentation_index.md.DKuGNyZt.js} (92%)
 rename assets/{documentation_index.md.AyBFukAJ.lean.js => documentation_index.md.DKuGNyZt.lean.js} (92%)
 rename assets/{documentation_style_color.md.DBxrca67.js => documentation_style_color.md.BCo6u_r2.js} (83%)
 rename assets/{documentation_style_color.md.DBxrca67.lean.js => documentation_style_color.md.BCo6u_r2.lean.js} (83%)
 rename assets/{documentation_style_icon.md.CKzwYrqb.js => documentation_style_icon.md.DjC2vRh-.js} (83%)
 rename assets/{documentation_style_icon.md.CKzwYrqb.lean.js => documentation_style_icon.md.DjC2vRh-.lean.js} (83%)
 rename assets/{documentation_style_text.md.CpAujoqS.js => documentation_style_text.md.BaXRSajy.js} (83%)
 rename assets/{documentation_style_text.md.CpAujoqS.lean.js => documentation_style_text.md.BaXRSajy.lean.js} (83%)
 rename assets/{documentation_theming_basic.md.BSauNxdM.js => documentation_theming_basic.md.CUCv0vqm.js} (90%)
 rename assets/{documentation_theming_basic.md.BSauNxdM.lean.js => documentation_theming_basic.md.CUCv0vqm.lean.js} (90%)
 rename assets/{documentation_theming_theme-color.md.B5XYDWLv.js => documentation_theming_theme-color.md.Db-C0foH.js} (97%)
 rename assets/{documentation_theming_theme-color.md.B5XYDWLv.lean.js => documentation_theming_theme-color.md.Db-C0foH.lean.js} (97%)
 rename assets/{documentation_theming_theme.md.D0NLecPp.js => documentation_theming_theme.md.B5IOppXO.js} (97%)
 rename assets/{documentation_theming_theme.md.D0NLecPp.lean.js => documentation_theming_theme.md.B5IOppXO.lean.js} (97%)
 rename assets/{index.md.DONymsuU.js => index.md.DWZK2KlF.js} (94%)
 rename assets/{index.md.DONymsuU.lean.js => index.md.DWZK2KlF.lean.js} (94%)
 rename assets/{markdown-examples.md.CQhwVfPS.js => markdown-examples.md.BB-hYbnM.js} (98%)
 rename assets/{markdown-examples.md.CQhwVfPS.lean.js => markdown-examples.md.BB-hYbnM.lean.js} (98%)
 rename assets/{style.D_bJgWYs.css => style.CvZnpzXw.css} (70%)
 rename assets/{zh_documentation_controls_data_busyarea.md.JPV_jpax.js => zh_documentation_controls_data_busyarea.md.BG9a8YPp.js} (93%)
 rename assets/{zh_documentation_controls_data_busyarea.md.JPV_jpax.lean.js => zh_documentation_controls_data_busyarea.md.BG9a8YPp.lean.js} (93%)
 rename assets/{zh_documentation_controls_data_datagrid.md.Ce7FR71a.js => zh_documentation_controls_data_datagrid.md.CmUGWqOd.js} (85%)
 rename assets/{zh_documentation_controls_data_datagrid.md.Ce7FR71a.lean.js => zh_documentation_controls_data_datagrid.md.CmUGWqOd.lean.js} (85%)
 rename assets/{zh_documentation_controls_data_expander.md.5zX4zXbX.js => zh_documentation_controls_data_expander.md.BoWlT255.js} (99%)
 rename assets/{zh_documentation_controls_data_expander.md.5zX4zXbX.lean.js => zh_documentation_controls_data_expander.md.BoWlT255.lean.js} (99%)
 rename assets/{zh_documentation_controls_data_groupbox.md.CB2xvAW0.js => zh_documentation_controls_data_groupbox.md.CmfmPpuY.js} (92%)
 rename assets/{zh_documentation_controls_data_groupbox.md.CB2xvAW0.lean.js => zh_documentation_controls_data_groupbox.md.CmfmPpuY.lean.js} (92%)
 rename assets/{zh_documentation_controls_data_listbox.md.CafHmzRi.js => zh_documentation_controls_data_listbox.md.DvASlktq.js} (91%)
 rename assets/{zh_documentation_controls_data_listbox.md.CafHmzRi.lean.js => zh_documentation_controls_data_listbox.md.DvASlktq.lean.js} (91%)
 rename assets/{zh_documentation_controls_data_treeview.md.DUB2k8i4.js => zh_documentation_controls_data_treeview.md.6plUxp5v.js} (91%)
 rename assets/{zh_documentation_controls_data_treeview.md.DUB2k8i4.lean.js => zh_documentation_controls_data_treeview.md.6plUxp5v.lean.js} (91%)
 rename assets/{zh_documentation_controls_datetime_calendar.md.BOyj4QVR.js => zh_documentation_controls_datetime_calendar.md.D1diz33i.js} (96%)
 rename assets/{zh_documentation_controls_datetime_calendar.md.BOyj4QVR.lean.js => zh_documentation_controls_datetime_calendar.md.D1diz33i.lean.js} (96%)
 rename assets/{zh_documentation_controls_datetime_calendardatepicker.md.DBUVe7pc.js => zh_documentation_controls_datetime_calendardatepicker.md.DpcFLv4y.js} (97%)
 rename assets/{zh_documentation_controls_datetime_calendardatepicker.md.DBUVe7pc.lean.js => zh_documentation_controls_datetime_calendardatepicker.md.DpcFLv4y.lean.js} (97%)
 rename assets/{zh_documentation_controls_datetime_datepicker.md.0zm9ZWz0.js => zh_documentation_controls_datetime_datepicker.md.B_xzo91v.js} (96%)
 rename assets/{zh_documentation_controls_datetime_datepicker.md.0zm9ZWz0.lean.js => zh_documentation_controls_datetime_datepicker.md.B_xzo91v.lean.js} (96%)
 rename assets/{zh_documentation_controls_datetime_timepicker.md.Bah0FjGG.js => zh_documentation_controls_datetime_timepicker.md.ykMnV9ve.js} (96%)
 rename assets/{zh_documentation_controls_datetime_timepicker.md.Bah0FjGG.lean.js => zh_documentation_controls_datetime_timepicker.md.ykMnV9ve.lean.js} (96%)
 rename assets/{zh_documentation_controls_inputs_autocompletebox.md.BFd__Ph7.js => zh_documentation_controls_inputs_autocompletebox.md.B6D2FByw.js} (99%)
 rename assets/{zh_documentation_controls_inputs_autocompletebox.md.BFd__Ph7.lean.js => zh_documentation_controls_inputs_autocompletebox.md.B6D2FByw.lean.js} (99%)
 rename assets/{zh_documentation_controls_inputs_button.md.XKQsobUf.js => zh_documentation_controls_inputs_button.md.7Poaz6tu.js} (99%)
 rename assets/{zh_documentation_controls_inputs_button.md.XKQsobUf.lean.js => zh_documentation_controls_inputs_button.md.7Poaz6tu.lean.js} (99%)
 rename assets/{zh_documentation_controls_inputs_checkbox.md.Cv-JER6D.js => zh_documentation_controls_inputs_checkbox.md.Cf_gA-px.js} (98%)
 rename assets/{zh_documentation_controls_inputs_checkbox.md.Cv-JER6D.lean.js => zh_documentation_controls_inputs_checkbox.md.Cf_gA-px.lean.js} (98%)
 rename assets/{zh_documentation_controls_inputs_combobox.md.DwfCH1MW.js => zh_documentation_controls_inputs_combobox.md.bcuLBHA-.js} (97%)
 rename assets/{zh_documentation_controls_inputs_combobox.md.DwfCH1MW.lean.js => zh_documentation_controls_inputs_combobox.md.bcuLBHA-.lean.js} (97%)
 rename assets/{zh_documentation_controls_inputs_contextmenu.md.BG0XlUvm.js => zh_documentation_controls_inputs_contextmenu.md.CzggnY1z.js} (99%)
 rename assets/{zh_documentation_controls_inputs_contextmenu.md.BG0XlUvm.lean.js => zh_documentation_controls_inputs_contextmenu.md.CzggnY1z.lean.js} (99%)
 rename assets/{zh_documentation_controls_inputs_dropdownbutton.md.Bn_p4TaM.js => zh_documentation_controls_inputs_dropdownbutton.md.BbBcLxS2.js} (98%)
 rename assets/{zh_documentation_controls_inputs_dropdownbutton.md.Bn_p4TaM.lean.js => zh_documentation_controls_inputs_dropdownbutton.md.BbBcLxS2.lean.js} (98%)
 rename assets/{zh_documentation_controls_inputs_numericupdown.md.ChiTpxKH.js => zh_documentation_controls_inputs_numericupdown.md.CODJO-4s.js} (97%)
 rename assets/{zh_documentation_controls_inputs_numericupdown.md.ChiTpxKH.lean.js => zh_documentation_controls_inputs_numericupdown.md.CODJO-4s.lean.js} (97%)
 rename assets/{zh_documentation_controls_inputs_radiobutton.md.xAHIgk_a.js => zh_documentation_controls_inputs_radiobutton.md.BXHp-K7Y.js} (98%)
 rename assets/{zh_documentation_controls_inputs_radiobutton.md.xAHIgk_a.lean.js => zh_documentation_controls_inputs_radiobutton.md.BXHp-K7Y.lean.js} (98%)
 rename assets/{zh_documentation_controls_inputs_slider.md.BNPGKqMy.js => zh_documentation_controls_inputs_slider.md.DhhRGnyh.js} (95%)
 rename assets/{zh_documentation_controls_inputs_slider.md.BNPGKqMy.lean.js => zh_documentation_controls_inputs_slider.md.DhhRGnyh.lean.js} (95%)
 rename assets/{zh_documentation_controls_inputs_textbox.md.Cfeha2fY.js => zh_documentation_controls_inputs_textbox.md.C2BQuxrw.js} (97%)
 rename assets/{zh_documentation_controls_inputs_textbox.md.Cfeha2fY.lean.js => zh_documentation_controls_inputs_textbox.md.C2BQuxrw.lean.js} (97%)
 rename assets/{zh_documentation_controls_inputs_togglebutton.md.CC8i7Sep.js => zh_documentation_controls_inputs_togglebutton.md.CfPDcUql.js} (96%)
 rename assets/{zh_documentation_controls_inputs_togglebutton.md.CC8i7Sep.lean.js => zh_documentation_controls_inputs_togglebutton.md.CfPDcUql.lean.js} (96%)
 rename assets/{zh_documentation_controls_inputs_toggleswitch.md.C7fZqFHF.js => zh_documentation_controls_inputs_toggleswitch.md.uNQHmJaZ.js} (93%)
 rename assets/{zh_documentation_controls_inputs_toggleswitch.md.C7fZqFHF.lean.js => zh_documentation_controls_inputs_toggleswitch.md.uNQHmJaZ.lean.js} (93%)
 rename assets/{zh_documentation_controls_layout_dock.md.BCQUnrZs.js => zh_documentation_controls_layout_dock.md.mg-Mq_jp.js} (94%)
 rename assets/{zh_documentation_controls_layout_dock.md.BCQUnrZs.lean.js => zh_documentation_controls_layout_dock.md.mg-Mq_jp.lean.js} (94%)
 rename assets/{zh_documentation_controls_layout_glasscard.md.Bzn2L207.js => zh_documentation_controls_layout_glasscard.md.CpcLtEv1.js} (98%)
 rename assets/{zh_documentation_controls_layout_glasscard.md.Bzn2L207.lean.js => zh_documentation_controls_layout_glasscard.md.CpcLtEv1.lean.js} (98%)
 rename assets/{zh_documentation_controls_layout_settingslayout.md.C6kJ92In.js => zh_documentation_controls_layout_settingslayout.md.B9-qh1az.js} (99%)
 rename assets/{zh_documentation_controls_layout_settingslayout.md.C6kJ92In.lean.js => zh_documentation_controls_layout_settingslayout.md.B9-qh1az.lean.js} (99%)
 rename assets/{zh_documentation_controls_layout_sukiwindow.md.FFCyOaWX.js => zh_documentation_controls_layout_sukiwindow.md.BTyRICtX.js} (98%)
 rename assets/{zh_documentation_controls_layout_sukiwindow.md.FFCyOaWX.lean.js => zh_documentation_controls_layout_sukiwindow.md.BTyRICtX.lean.js} (98%)
 rename assets/{zh_documentation_controls_navigation_sidemenu.md.CiXRidFD.js => zh_documentation_controls_navigation_sidemenu.md.DsUF6Klo.js} (99%)
 rename assets/{zh_documentation_controls_navigation_sidemenu.md.CiXRidFD.lean.js => zh_documentation_controls_navigation_sidemenu.md.DsUF6Klo.lean.js} (99%)
 rename assets/{zh_documentation_controls_navigation_stackpage.md.BcR77MkM.js => zh_documentation_controls_navigation_stackpage.md.UOQMW330.js} (97%)
 rename assets/{zh_documentation_controls_navigation_stackpage.md.BcR77MkM.lean.js => zh_documentation_controls_navigation_stackpage.md.UOQMW330.lean.js} (97%)
 rename assets/{zh_documentation_controls_navigation_tabcontrol.md.DAmogSU3.js => zh_documentation_controls_navigation_tabcontrol.md.Dm_I1ecn.js} (98%)
 rename assets/{zh_documentation_controls_navigation_tabcontrol.md.DAmogSU3.lean.js => zh_documentation_controls_navigation_tabcontrol.md.Dm_I1ecn.lean.js} (98%)
 rename assets/{zh_documentation_controls_notification_infobadge.md.B_ZhYMvj.js => zh_documentation_controls_notification_infobadge.md.CYB-8Lw8.js} (85%)
 rename assets/{zh_documentation_controls_notification_infobadge.md.B_ZhYMvj.lean.js => zh_documentation_controls_notification_infobadge.md.CYB-8Lw8.lean.js} (85%)
 rename assets/{zh_documentation_controls_notification_infobar.md.BvOuD2pm.js => zh_documentation_controls_notification_infobar.md.Cu_kRU8K.js} (98%)
 rename assets/{zh_documentation_controls_notification_infobar.md.BvOuD2pm.lean.js => zh_documentation_controls_notification_infobar.md.Cu_kRU8K.lean.js} (98%)
 rename assets/{zh_documentation_controls_progress_circleprogressbar.md.B-qo_GP2.js => zh_documentation_controls_progress_circleprogressbar.md.C16keW9i.js} (98%)
 rename assets/{zh_documentation_controls_progress_circleprogressbar.md.B-qo_GP2.lean.js => zh_documentation_controls_progress_circleprogressbar.md.C16keW9i.lean.js} (98%)
 rename assets/{zh_documentation_controls_progress_loading.md.CZ8kK3mF.js => zh_documentation_controls_progress_loading.md.DIoSdgnz.js} (96%)
 rename assets/{zh_documentation_controls_progress_loading.md.CZ8kK3mF.lean.js => zh_documentation_controls_progress_loading.md.DIoSdgnz.lean.js} (96%)
 rename assets/{zh_documentation_controls_progress_progressbar.md.CwItBmIZ.js => zh_documentation_controls_progress_progressbar.md.Dwav7bBx.js} (97%)
 rename assets/{zh_documentation_controls_progress_progressbar.md.CwItBmIZ.lean.js => zh_documentation_controls_progress_progressbar.md.Dwav7bBx.lean.js} (97%)
 rename assets/{zh_documentation_controls_progress_stepper.md.CHn_kP47.js => zh_documentation_controls_progress_stepper.md.B8p93PmZ.js} (97%)
 rename assets/{zh_documentation_controls_progress_stepper.md.CHn_kP47.lean.js => zh_documentation_controls_progress_stepper.md.B8p93PmZ.lean.js} (97%)
 rename assets/{zh_documentation_controls_progress_waveprogress.md.Dcabiu7r.js => zh_documentation_controls_progress_waveprogress.md.C6QCQyu9.js} (97%)
 rename assets/{zh_documentation_controls_progress_waveprogress.md.Dcabiu7r.lean.js => zh_documentation_controls_progress_waveprogress.md.C6QCQyu9.lean.js} (97%)
 rename assets/{zh_documentation_controls_system_filepicker.md.Czt55_uh.js => zh_documentation_controls_system_filepicker.md.DzvNGmvC.js} (85%)
 rename assets/{zh_documentation_controls_system_filepicker.md.Czt55_uh.lean.js => zh_documentation_controls_system_filepicker.md.DzvNGmvC.lean.js} (85%)
 rename assets/{zh_documentation_faq_custom-font.md.W79dDpYe.js => zh_documentation_faq_custom-font.md.C8__sOrN.js} (98%)
 rename assets/{zh_documentation_faq_custom-font.md.W79dDpYe.lean.js => zh_documentation_faq_custom-font.md.C8__sOrN.lean.js} (98%)
 rename assets/{zh_documentation_getting-started_installation.md.op0fYDPC.js => zh_documentation_getting-started_installation.md.D90qknIP.js} (98%)
 rename assets/{zh_documentation_getting-started_installation.md.op0fYDPC.lean.js => zh_documentation_getting-started_installation.md.D90qknIP.lean.js} (98%)
 rename assets/{zh_documentation_getting-started_introduction.md.D2P9A6Au.js => zh_documentation_getting-started_introduction.md.RZfbCGKb.js} (96%)
 rename assets/{zh_documentation_getting-started_introduction.md.D2P9A6Au.lean.js => zh_documentation_getting-started_introduction.md.RZfbCGKb.lean.js} (96%)
 rename assets/{zh_documentation_getting-started_launch.md.Bplj30qB.js => zh_documentation_getting-started_launch.md.CKpUuq0m.js} (99%)
 rename assets/{zh_documentation_getting-started_launch.md.Bplj30qB.lean.js => zh_documentation_getting-started_launch.md.CKpUuq0m.lean.js} (99%)
 rename assets/{zh_documentation_hosts_dialog.md.BvaaQDzd.js => zh_documentation_hosts_dialog.md.Db3RG0h5.js} (99%)
 rename assets/{zh_documentation_hosts_dialog.md.BvaaQDzd.lean.js => zh_documentation_hosts_dialog.md.Db3RG0h5.lean.js} (99%)
 rename assets/{zh_documentation_hosts_hosts.md.B_twH9Nk.js => zh_documentation_hosts_hosts.md.23QA2QDu.js} (95%)
 rename assets/{zh_documentation_hosts_hosts.md.B_twH9Nk.lean.js => zh_documentation_hosts_hosts.md.23QA2QDu.lean.js} (95%)
 rename assets/{zh_documentation_hosts_toast.md.9A-ZAH7Y.js => zh_documentation_hosts_toast.md.DZJQWLJa.js} (99%)
 rename assets/{zh_documentation_hosts_toast.md.9A-ZAH7Y.lean.js => zh_documentation_hosts_toast.md.DZJQWLJa.lean.js} (99%)
 rename assets/{zh_documentation_index.md.X7gn4Jql.js => zh_documentation_index.md.BJnTSKI9.js} (84%)
 rename assets/{zh_documentation_index.md.X7gn4Jql.lean.js => zh_documentation_index.md.BJnTSKI9.lean.js} (84%)
 rename assets/{zh_documentation_style_color.md.BlQ1PoDO.js => zh_documentation_style_color.md.qe0m7krY.js} (83%)
 rename assets/{zh_documentation_style_color.md.BlQ1PoDO.lean.js => zh_documentation_style_color.md.qe0m7krY.lean.js} (83%)
 rename assets/{zh_documentation_style_icon.md.CX_VxqOL.js => zh_documentation_style_icon.md.DuABnqCZ.js} (83%)
 rename assets/{zh_documentation_style_icon.md.CX_VxqOL.lean.js => zh_documentation_style_icon.md.DuABnqCZ.lean.js} (83%)
 rename assets/{zh_documentation_style_text.md.-n37mV9Z.js => zh_documentation_style_text.md.DDQ6FfGq.js} (83%)
 rename assets/{zh_documentation_style_text.md.-n37mV9Z.lean.js => zh_documentation_style_text.md.DDQ6FfGq.lean.js} (83%)
 rename assets/{zh_documentation_theming_basic.md.Byn8asVg.js => zh_documentation_theming_basic.md.CCSnN4Zk.js} (90%)
 rename assets/{zh_documentation_theming_basic.md.Byn8asVg.lean.js => zh_documentation_theming_basic.md.CCSnN4Zk.lean.js} (90%)
 rename assets/{zh_documentation_theming_theme-color.md.BAQblKC1.js => zh_documentation_theming_theme-color.md.DV-O-uC3.js} (97%)
 rename assets/{zh_documentation_theming_theme-color.md.BAQblKC1.lean.js => zh_documentation_theming_theme-color.md.DV-O-uC3.lean.js} (97%)
 rename assets/{zh_documentation_theming_theme.md.C4R49kVJ.js => zh_documentation_theming_theme.md.CokiFiib.js} (97%)
 rename assets/{zh_documentation_theming_theme.md.C4R49kVJ.lean.js => zh_documentation_theming_theme.md.CokiFiib.lean.js} (97%)
 rename assets/{zh_index.md.B7aJgClu.js => zh_index.md.Bb8-jd6r.js} (93%)
 rename assets/{zh_index.md.B7aJgClu.lean.js => zh_index.md.Bb8-jd6r.lean.js} (93%)

diff --git a/404.html b/404.html
index d7bd661c5..da0b48cd8 100644
--- a/404.html
+++ b/404.html
@@ -5,10 +5,10 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>404 | SukiUI</title>
     <meta name="description" content="Not Found">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
@@ -16,7 +16,7 @@
   </head>
   <body>
     <div id="app"></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/api-examples.html b/api-examples.html
index 8ff905113..63279593a 100644
--- a/api-examples.html
+++ b/api-examples.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Runtime API Examples | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/api-examples.md.CdWTDJ20.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/api-examples.md.xKZYav3u.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/api-examples.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/api-examples.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_api-examples" data-v-68f5ff40><div><h1 id="runtime-api-examples" tabindex="-1">Runtime API Examples <a class="header-anchor" href="#runtime-api-examples" aria-label="Permalink to &quot;Runtime API Examples&quot;">​</a></h1><p>This page demonstrates usage of some of the runtime APIs provided by VitePress.</p><p>The main <code>useData()</code> API can be used to access site, theme, and page data for the current page. It works in both <code>.md</code> and <code>.vue</code> files:</p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/api-examples.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/api-examples.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_api-examples" data-v-faed6907><div><h1 id="runtime-api-examples" tabindex="-1">Runtime API Examples <a class="header-anchor" href="#runtime-api-examples" aria-label="Permalink to &quot;Runtime API Examples&quot;">​</a></h1><p>This page demonstrates usage of some of the runtime APIs provided by VitePress.</p><p>The main <code>useData()</code> API can be used to access site, theme, and page data for the current page. It works in both <code>.md</code> and <code>.vue</code> files:</p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { useData } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;vitepress&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">theme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">page</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">frontmatter</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> useData</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span>
@@ -361,8 +361,8 @@
   &quot;filePath&quot;: &quot;api-examples.md&quot;
 }</pre><h3 id="page-frontmatter" tabindex="-1">Page Frontmatter <a class="header-anchor" href="#page-frontmatter" aria-label="Permalink to &quot;Page Frontmatter&quot;">​</a></h3><pre>{
   &quot;outline&quot;: &quot;deep&quot;
-}</pre><h2 id="more" tabindex="-1">More <a class="header-anchor" href="#more" aria-label="Permalink to &quot;More&quot;">​</a></h2><p>Check out the documentation for the <a href="https://vitepress.dev/reference/runtime-api#usedata" target="_blank" rel="noreferrer">full list of runtime APIs</a>.</p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><!----></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/getting-started/introduction.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Introduction</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+}</pre><h2 id="more" tabindex="-1">More <a class="header-anchor" href="#more" aria-label="Permalink to &quot;More&quot;">​</a></h2><p>Check out the documentation for the <a href="https://vitepress.dev/reference/runtime-api#usedata" target="_blank" rel="noreferrer">full list of runtime APIs</a>.</p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><!----></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/getting-started/introduction.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Introduction</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/assets/api-examples.md.CdWTDJ20.js b/assets/api-examples.md.xKZYav3u.js
similarity index 98%
rename from assets/api-examples.md.CdWTDJ20.js
rename to assets/api-examples.md.xKZYav3u.js
index f88451b35..d93945874 100644
--- a/assets/api-examples.md.CdWTDJ20.js
+++ b/assets/api-examples.md.xKZYav3u.js
@@ -1,4 +1,4 @@
-import{u as p,c as r,a2 as k,j as s,t as e,k as t,a as i,o as d}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Runtime API Examples","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"api-examples.md","filePath":"api-examples.md"}'),E={name:"api-examples.md"},y=Object.assign(E,{setup(o){const{site:g,theme:n,page:l,frontmatter:h}=p();return(m,a)=>(d(),r("div",null,[a[0]||(a[0]=k(`<h1 id="runtime-api-examples" tabindex="-1">Runtime API Examples <a class="header-anchor" href="#runtime-api-examples" aria-label="Permalink to &quot;Runtime API Examples&quot;">​</a></h1><p>This page demonstrates usage of some of the runtime APIs provided by VitePress.</p><p>The main <code>useData()</code> API can be used to access site, theme, and page data for the current page. It works in both <code>.md</code> and <code>.vue</code> files:</p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{u as p,c as r,a2 as k,j as s,t as e,k as t,a as i,o as d}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Runtime API Examples","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"api-examples.md","filePath":"api-examples.md"}'),E={name:"api-examples.md"},y=Object.assign(E,{setup(o){const{site:g,theme:n,page:l,frontmatter:h}=p();return(m,a)=>(d(),r("div",null,[a[0]||(a[0]=k(`<h1 id="runtime-api-examples" tabindex="-1">Runtime API Examples <a class="header-anchor" href="#runtime-api-examples" aria-label="Permalink to &quot;Runtime API Examples&quot;">​</a></h1><p>This page demonstrates usage of some of the runtime APIs provided by VitePress.</p><p>The main <code>useData()</code> API can be used to access site, theme, and page data for the current page. It works in both <code>.md</code> and <code>.vue</code> files:</p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { useData } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;vitepress&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">theme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">page</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">frontmatter</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> useData</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span>
diff --git a/assets/api-examples.md.CdWTDJ20.lean.js b/assets/api-examples.md.xKZYav3u.lean.js
similarity index 98%
rename from assets/api-examples.md.CdWTDJ20.lean.js
rename to assets/api-examples.md.xKZYav3u.lean.js
index f88451b35..d93945874 100644
--- a/assets/api-examples.md.CdWTDJ20.lean.js
+++ b/assets/api-examples.md.xKZYav3u.lean.js
@@ -1,4 +1,4 @@
-import{u as p,c as r,a2 as k,j as s,t as e,k as t,a as i,o as d}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Runtime API Examples","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"api-examples.md","filePath":"api-examples.md"}'),E={name:"api-examples.md"},y=Object.assign(E,{setup(o){const{site:g,theme:n,page:l,frontmatter:h}=p();return(m,a)=>(d(),r("div",null,[a[0]||(a[0]=k(`<h1 id="runtime-api-examples" tabindex="-1">Runtime API Examples <a class="header-anchor" href="#runtime-api-examples" aria-label="Permalink to &quot;Runtime API Examples&quot;">​</a></h1><p>This page demonstrates usage of some of the runtime APIs provided by VitePress.</p><p>The main <code>useData()</code> API can be used to access site, theme, and page data for the current page. It works in both <code>.md</code> and <code>.vue</code> files:</p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{u as p,c as r,a2 as k,j as s,t as e,k as t,a as i,o as d}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Runtime API Examples","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"api-examples.md","filePath":"api-examples.md"}'),E={name:"api-examples.md"},y=Object.assign(E,{setup(o){const{site:g,theme:n,page:l,frontmatter:h}=p();return(m,a)=>(d(),r("div",null,[a[0]||(a[0]=k(`<h1 id="runtime-api-examples" tabindex="-1">Runtime API Examples <a class="header-anchor" href="#runtime-api-examples" aria-label="Permalink to &quot;Runtime API Examples&quot;">​</a></h1><p>This page demonstrates usage of some of the runtime APIs provided by VitePress.</p><p>The main <code>useData()</code> API can be used to access site, theme, and page data for the current page. It works in both <code>.md</code> and <code>.vue</code> files:</p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { useData } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;vitepress&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">theme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">page</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">frontmatter</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> useData</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span>
diff --git a/assets/app.B6ohPiX9.js b/assets/app.CYoE4aSy.js
similarity index 90%
rename from assets/app.B6ohPiX9.js
rename to assets/app.CYoE4aSy.js
index 1a7bd6c6e..8092b8ce1 100644
--- a/assets/app.B6ohPiX9.js
+++ b/assets/app.CYoE4aSy.js
@@ -1 +1 @@
-import{t as i}from"./chunks/theme.CSEovDxY.js";import{R as o,a3 as u,a4 as c,a5 as l,a6 as f,a7 as d,a8 as m,a9 as h,aa as g,ab as A,ac as v,d as P,u as y,v as C,s as b,ad as w,ae as R,af as E,ag as S}from"./chunks/framework.Ckp7d4B5.js";function p(e){if(e.extends){const a=p(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const s=p(i),T=P({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=y();return C(()=>{b(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&w(),R(),E(),s.setup&&s.setup(),()=>S(s.Layout)}});async function D(){globalThis.__VITEPRESS__=!0;const e=j(),a=_();a.provide(c,e);const t=l(e.route);return a.provide(f,t),a.component("Content",d),a.component("ClientOnly",m),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),s.enhanceApp&&await s.enhanceApp({app:a,router:e,siteData:h}),{app:a,router:e,data:t}}function _(){return g(T)}function j(){let e=o,a;return A(t=>{let n=v(t),r=null;return n&&(e&&(a=n),(e||a===n)&&(n=n.replace(/\.js$/,".lean.js")),r=import(n)),o&&(e=!1),r},s.NotFound)}o&&D().then(({app:e,router:a,data:t})=>{a.go().then(()=>{u(a.route,t.site),e.mount("#app")})});export{D as createApp};
+import{t as i}from"./chunks/theme.BOdvyBRz.js";import{R as o,a3 as u,a4 as c,a5 as l,a6 as f,a7 as d,a8 as m,a9 as h,aa as g,ab as A,ac as v,d as P,u as y,v as C,s as b,ad as w,ae as R,af as E,ag as S}from"./chunks/framework.CoCfjAIq.js";function p(e){if(e.extends){const a=p(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const s=p(i),T=P({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=y();return C(()=>{b(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&w(),R(),E(),s.setup&&s.setup(),()=>S(s.Layout)}});async function D(){globalThis.__VITEPRESS__=!0;const e=j(),a=_();a.provide(c,e);const t=l(e.route);return a.provide(f,t),a.component("Content",d),a.component("ClientOnly",m),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),s.enhanceApp&&await s.enhanceApp({app:a,router:e,siteData:h}),{app:a,router:e,data:t}}function _(){return g(T)}function j(){let e=o,a;return A(t=>{let n=v(t),r=null;return n&&(e&&(a=n),(e||a===n)&&(n=n.replace(/\.js$/,".lean.js")),r=import(n)),o&&(e=!1),r},s.NotFound)}o&&D().then(({app:e,router:a,data:t})=>{a.go().then(()=>{u(a.route,t.site),e.mount("#app")})});export{D as createApp};
diff --git a/assets/chunks/@localSearchIndexroot.BZXLTBfG.js b/assets/chunks/@localSearchIndexroot.CYSMkTEJ.js
similarity index 94%
rename from assets/chunks/@localSearchIndexroot.BZXLTBfG.js
rename to assets/chunks/@localSearchIndexroot.CYSMkTEJ.js
index 102bf7efe..5f8674d91 100644
--- a/assets/chunks/@localSearchIndexroot.BZXLTBfG.js
+++ b/assets/chunks/@localSearchIndexroot.CYSMkTEJ.js
@@ -1 +1 @@
-const t='{"documentCount":224,"nextId":224,"documentIds":{"0":"/SukiUI/api-examples.html#runtime-api-examples","1":"/SukiUI/api-examples.html#results","2":"/SukiUI/api-examples.html#theme-data","3":"/SukiUI/api-examples.html#page-data","4":"/SukiUI/api-examples.html#page-frontmatter","5":"/SukiUI/api-examples.html#more","6":"/SukiUI/documentation/controls/data/busyarea.html#busyarea","7":"/SukiUI/documentation/controls/data/expander.html#expander","8":"/SukiUI/documentation/controls/data/expander.html#show","9":"/SukiUI/documentation/controls/data/expander.html#example","10":"/SukiUI/documentation/controls/data/expander.html#see-also","11":"/SukiUI/documentation/controls/data/groupbox.html#groupbox","12":"/SukiUI/documentation/controls/data/listbox.html#listbox","13":"/SukiUI/documentation/controls/data/treeview.html#treeview","14":"/SukiUI/documentation/controls/datetime/calendar.html#calendar","15":"/SukiUI/documentation/controls/datetime/calendar.html#show","16":"/SukiUI/documentation/controls/datetime/calendar.html#example","17":"/SukiUI/documentation/controls/datetime/calendar.html#see-also","18":"/SukiUI/documentation/controls/datetime/calendardatepicker.html#calendardatepicker","19":"/SukiUI/documentation/controls/datetime/calendardatepicker.html#show","20":"/SukiUI/documentation/controls/datetime/calendardatepicker.html#example","21":"/SukiUI/documentation/controls/datetime/calendardatepicker.html#see-also","22":"/SukiUI/documentation/controls/datetime/datepicker.html#datepicker","23":"/SukiUI/documentation/controls/datetime/datepicker.html#show","24":"/SukiUI/documentation/controls/datetime/datepicker.html#example","25":"/SukiUI/documentation/controls/datetime/datepicker.html#see-also","26":"/SukiUI/documentation/controls/datetime/timepicker.html#timepicker","27":"/SukiUI/documentation/controls/datetime/timepicker.html#show","28":"/SukiUI/documentation/controls/datetime/timepicker.html#example","29":"/SukiUI/documentation/controls/datetime/timepicker.html#see-also","30":"/SukiUI/documentation/controls/inputs/autocompletebox.html#autocompletebox","31":"/SukiUI/documentation/controls/inputs/autocompletebox.html#show","32":"/SukiUI/documentation/controls/inputs/autocompletebox.html#example","33":"/SukiUI/documentation/controls/inputs/autocompletebox.html#see-also","34":"/SukiUI/documentation/controls/inputs/button.html#button","35":"/SukiUI/documentation/controls/inputs/button.html#styles","36":"/SukiUI/documentation/controls/inputs/button.html#standard","37":"/SukiUI/documentation/controls/inputs/button.html#flat","38":"/SukiUI/documentation/controls/inputs/button.html#rounded","39":"/SukiUI/documentation/controls/inputs/button.html#outlined","40":"/SukiUI/documentation/controls/inputs/button.html#basic","41":"/SukiUI/documentation/controls/inputs/button.html#flat-accent","42":"/SukiUI/documentation/controls/inputs/button.html#large","43":"/SukiUI/documentation/controls/inputs/button.html#busy-loading-button","44":"/SukiUI/documentation/controls/inputs/button.html#axaml","45":"/SukiUI/documentation/controls/inputs/button.html#c","46":"/SukiUI/documentation/controls/inputs/button.html#see-also","47":"/SukiUI/documentation/controls/inputs/checkbox.html#checkbox","48":"/SukiUI/documentation/controls/inputs/checkbox.html#show","49":"/SukiUI/documentation/controls/inputs/checkbox.html#example","50":"/SukiUI/documentation/controls/inputs/checkbox.html#see-also","51":"/SukiUI/documentation/controls/inputs/combobox.html#combobox","52":"/SukiUI/documentation/controls/inputs/combobox.html#show","53":"/SukiUI/documentation/controls/inputs/combobox.html#example","54":"/SukiUI/documentation/controls/inputs/combobox.html#see-also","55":"/SukiUI/documentation/controls/inputs/contextmenu.html#contextmenu","56":"/SukiUI/documentation/controls/inputs/contextmenu.html#show","57":"/SukiUI/documentation/controls/inputs/contextmenu.html#example","58":"/SukiUI/documentation/controls/inputs/contextmenu.html#see-also","59":"/SukiUI/documentation/controls/inputs/dropdownbutton.html#dropdownbutton","60":"/SukiUI/documentation/controls/inputs/dropdownbutton.html#show","61":"/SukiUI/documentation/controls/inputs/dropdownbutton.html#example","62":"/SukiUI/documentation/controls/inputs/dropdownbutton.html#see-also","63":"/SukiUI/documentation/controls/inputs/numericupdown.html#numericupdown","64":"/SukiUI/documentation/controls/inputs/numericupdown.html#examples","65":"/SukiUI/documentation/controls/inputs/numericupdown.html#simple","66":"/SukiUI/documentation/controls/inputs/numericupdown.html#extension","67":"/SukiUI/documentation/controls/inputs/numericupdown.html#no-spinner","68":"/SukiUI/documentation/controls/inputs/numericupdown.html#see-also","69":"/SukiUI/documentation/controls/inputs/radiobutton.html#radiobutton","70":"/SukiUI/documentation/controls/inputs/radiobutton.html#base","71":"/SukiUI/documentation/controls/inputs/radiobutton.html#chips","72":"/SukiUI/documentation/controls/inputs/radiobutton.html#gigachips","73":"/SukiUI/documentation/controls/inputs/radiobutton.html#see-also","74":"/SukiUI/documentation/controls/inputs/slider.html#slider","75":"/SukiUI/documentation/controls/inputs/slider.html#show","76":"/SukiUI/documentation/controls/inputs/slider.html#example","77":"/SukiUI/documentation/controls/inputs/slider.html#see-also","78":"/SukiUI/documentation/controls/inputs/textbox.html#textbox","79":"/SukiUI/documentation/controls/inputs/textbox.html#examples","80":"/SukiUI/documentation/controls/inputs/textbox.html#simple","81":"/SukiUI/documentation/controls/inputs/textbox.html#clear-button","82":"/SukiUI/documentation/controls/inputs/textbox.html#prefix","83":"/SukiUI/documentation/controls/inputs/textbox.html#watermark","84":"/SukiUI/documentation/controls/inputs/textbox.html#see-also","85":"/SukiUI/documentation/controls/inputs/togglebutton.html#togglebutton","86":"/SukiUI/documentation/controls/inputs/togglebutton.html#show","87":"/SukiUI/documentation/controls/inputs/togglebutton.html#example","88":"/SukiUI/documentation/controls/inputs/togglebutton.html#see-also","89":"/SukiUI/documentation/controls/inputs/toggleswitch.html#toggleswitch","90":"/SukiUI/documentation/controls/inputs/toggleswitch.html#show","91":"/SukiUI/documentation/controls/inputs/toggleswitch.html#example","92":"/SukiUI/documentation/controls/inputs/toggleswitch.html#see-also","93":"/SukiUI/documentation/controls/layout/dock.html#dock","94":"/SukiUI/documentation/controls/layout/dock.html#install-sukiui-dock-nuget-package","95":"/SukiUI/documentation/controls/layout/dock.html#reference-it-in-your-app-axaml","96":"/SukiUI/documentation/controls/layout/glasscard.html#glass-card","97":"/SukiUI/documentation/controls/layout/glasscard.html#theme","98":"/SukiUI/documentation/controls/layout/glasscard.html#dark-theme","99":"/SukiUI/documentation/controls/layout/glasscard.html#light-theme","100":"/SukiUI/documentation/controls/layout/glasscard.html#alternative-style","101":"/SukiUI/documentation/controls/layout/glasscard.html#primary","102":"/SukiUI/documentation/controls/layout/glasscard.html#accent","103":"/SukiUI/documentation/controls/layout/glasscard.html#opaque","104":"/SukiUI/documentation/controls/layout/glasscard.html#interactive","105":"/SukiUI/documentation/controls/layout/glasscard.html#animations","106":"/SukiUI/documentation/controls/layout/glasscard.html#see-also","107":"/SukiUI/documentation/controls/layout/settingslayout.html#settings-layout","108":"/SukiUI/documentation/controls/layout/settingslayout.html#show","109":"/SukiUI/documentation/controls/layout/settingslayout.html#example","110":"/SukiUI/documentation/controls/layout/settingslayout.html#see-also","111":"/SukiUI/documentation/controls/layout/sukiwindow.html#sukiwindow","112":"/SukiUI/documentation/controls/layout/sukiwindow.html#background-style","113":"/SukiUI/documentation/controls/layout/sukiwindow.html#bubble","114":"/SukiUI/documentation/controls/layout/sukiwindow.html#dark","115":"/SukiUI/documentation/controls/layout/sukiwindow.html#light","116":"/SukiUI/documentation/controls/layout/sukiwindow.html#gradient","117":"/SukiUI/documentation/controls/layout/sukiwindow.html#dark-1","118":"/SukiUI/documentation/controls/layout/sukiwindow.html#light-1","119":"/SukiUI/documentation/controls/layout/sukiwindow.html#flat","120":"/SukiUI/documentation/controls/layout/sukiwindow.html#dark-2","121":"/SukiUI/documentation/controls/layout/sukiwindow.html#light-2","122":"/SukiUI/documentation/controls/layout/sukiwindow.html#functionalities","123":"/SukiUI/documentation/controls/layout/sukiwindow.html#logo","124":"/SukiUI/documentation/controls/layout/sukiwindow.html#menu","125":"/SukiUI/documentation/controls/layout/sukiwindow.html#right-titlebar-control","126":"/SukiUI/documentation/controls/layout/sukiwindow.html#see-also","127":"/SukiUI/documentation/controls/navigation/sidemenu.html#sukisidemenu","128":"/SukiUI/documentation/controls/navigation/sidemenu.html#show","129":"/SukiUI/documentation/controls/navigation/sidemenu.html#example","130":"/SukiUI/documentation/controls/navigation/sidemenu.html#see-also","131":"/SukiUI/documentation/controls/navigation/stackpage.html#stack-page","132":"/SukiUI/documentation/controls/navigation/stackpage.html#show","133":"/SukiUI/documentation/controls/navigation/stackpage.html#example","134":"/SukiUI/documentation/controls/navigation/stackpage.html#see-also","135":"/SukiUI/documentation/controls/navigation/tabcontrol.html#tab-control","136":"/SukiUI/documentation/controls/navigation/tabcontrol.html#show","137":"/SukiUI/documentation/controls/navigation/tabcontrol.html#example","138":"/SukiUI/documentation/controls/navigation/tabcontrol.html#see-also","139":"/SukiUI/documentation/controls/notification/infobar.html#infobar","140":"/SukiUI/documentation/controls/notification/infobar.html#show","141":"/SukiUI/documentation/controls/notification/infobar.html#example","142":"/SukiUI/documentation/controls/notification/infobar.html#see-also","143":"/SukiUI/documentation/controls/progress/circleprogressbar.html#circleprogressbar","144":"/SukiUI/documentation/controls/progress/circleprogressbar.html#show","145":"/SukiUI/documentation/controls/progress/circleprogressbar.html#example","146":"/SukiUI/documentation/controls/progress/circleprogressbar.html#see-also","147":"/SukiUI/documentation/controls/progress/loading.html#loading","148":"/SukiUI/documentation/controls/progress/loading.html#show","149":"/SukiUI/documentation/controls/progress/loading.html#example","150":"/SukiUI/documentation/controls/progress/loading.html#see-also","151":"/SukiUI/documentation/controls/progress/progressbar.html#progressbar","152":"/SukiUI/documentation/controls/progress/progressbar.html#show","153":"/SukiUI/documentation/controls/progress/progressbar.html#example","154":"/SukiUI/documentation/controls/progress/progressbar.html#see-also","155":"/SukiUI/documentation/controls/progress/stepper.html#stepper","156":"/SukiUI/documentation/controls/progress/stepper.html#usage","157":"/SukiUI/documentation/controls/progress/stepper.html#axaml","158":"/SukiUI/documentation/controls/progress/stepper.html#viewmodel","159":"/SukiUI/documentation/controls/progress/stepper.html#alternative-style","160":"/SukiUI/documentation/controls/progress/stepper.html#axaml-1","161":"/SukiUI/documentation/controls/progress/stepper.html#see-also","162":"/SukiUI/documentation/controls/progress/waveprogress.html#waveprogress","163":"/SukiUI/documentation/controls/progress/waveprogress.html#show","164":"/SukiUI/documentation/controls/progress/waveprogress.html#example","165":"/SukiUI/documentation/controls/progress/waveprogress.html#see-also","166":"/SukiUI/documentation/faq/custom-font.html#how-to-use-custom-font","167":"/SukiUI/documentation/getting-started/installation.html#installation","168":"/SukiUI/documentation/getting-started/installation.html#prepare-your-application","169":"/SukiUI/documentation/getting-started/installation.html#install-latest-sukiui-package","170":"/SukiUI/documentation/getting-started/installation.html#via-nuget","171":"/SukiUI/documentation/getting-started/installation.html#via-github-action","172":"/SukiUI/documentation/getting-started/introduction.html#introduction","173":"/SukiUI/documentation/getting-started/introduction.html#gallery","174":"/SukiUI/documentation/getting-started/launch.html#launch","175":"/SukiUI/documentation/getting-started/launch.html#modify-your-app-axaml","176":"/SukiUI/documentation/getting-started/launch.html#use-sukiwindow-as-mainwindow","177":"/SukiUI/documentation/getting-started/launch.html#done","178":"/SukiUI/documentation/hosts/dialog.html#dialogs","179":"/SukiUI/documentation/hosts/dialog.html#view","180":"/SukiUI/documentation/hosts/dialog.html#viewmodel","181":"/SukiUI/documentation/hosts/dialog.html#axaml","182":"/SukiUI/documentation/hosts/dialog.html#code-behind","183":"/SukiUI/documentation/hosts/dialog.html#usage","184":"/SukiUI/documentation/hosts/dialog.html#displaying-dialogs","185":"/SukiUI/documentation/hosts/dialog.html#dismissing-dialogs","186":"/SukiUI/documentation/hosts/dialog.html#interactions","187":"/SukiUI/documentation/hosts/dialog.html#messagebox-style","188":"/SukiUI/documentation/hosts/hosts.html#hosts","189":"/SukiUI/documentation/hosts/toast.html#toasts","190":"/SukiUI/documentation/hosts/toast.html#view","191":"/SukiUI/documentation/hosts/toast.html#viewmodel","192":"/SukiUI/documentation/hosts/toast.html#axaml","193":"/SukiUI/documentation/hosts/toast.html#code-behind","194":"/SukiUI/documentation/hosts/toast.html#usage","195":"/SukiUI/documentation/hosts/toast.html#displaying-toasts","196":"/SukiUI/documentation/hosts/toast.html#dismissing-toasts","197":"/SukiUI/documentation/hosts/toast.html#interactions","198":"/SukiUI/documentation/hosts/toast.html#toast-types","199":"/SukiUI/documentation/hosts/toast.html#information","200":"/SukiUI/documentation/hosts/toast.html#success","201":"/SukiUI/documentation/hosts/toast.html#warning","202":"/SukiUI/documentation/hosts/toast.html#error","203":"/SukiUI/documentation/hosts/toast.html#loading-toast","204":"/SukiUI/documentation/hosts/toast.html#complex-interaction","205":"/SukiUI/documentation/#documentation","206":"/SukiUI/documentation/theming/basic.html#basic","207":"/SukiUI/documentation/theming/theme-color.html#color","208":"/SukiUI/documentation/theming/theme-color.html#switch-between-available-color-theme","209":"/SukiUI/documentation/theming/theme-color.html#switch-to-a-specific-color-theme","210":"/SukiUI/documentation/theming/theme-color.html#create-a-custom-color-theme-register-it-and-switch-to-it","211":"/SukiUI/documentation/theming/theme-color.html#colorchanged-event","212":"/SukiUI/documentation/theming/theme.html#light-dark","213":"/SukiUI/documentation/theming/theme.html#theme","214":"/SukiUI/documentation/theming/theme.html#dark","215":"/SukiUI/documentation/theming/theme.html#light","216":"/SukiUI/documentation/theming/theme.html#switch-to-dark-theme","217":"/SukiUI/documentation/theming/theme.html#switch-to-light-theme","218":"/SukiUI/documentation/theming/theme.html#switch-between-light-dark-theme","219":"/SukiUI/documentation/theming/theme.html#themechanged-event","220":"/SukiUI/markdown-examples.html#markdown-extension-examples","221":"/SukiUI/markdown-examples.html#syntax-highlighting","222":"/SukiUI/markdown-examples.html#custom-containers","223":"/SukiUI/markdown-examples.html#more"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[3,1,51],"1":[1,3,1],"2":[2,4,2],"3":[2,4,2],"4":[2,4,2],"5":[1,3,11],"6":[1,1,12],"7":[1,1,31],"8":[1,1,1],"9":[1,1,15],"10":[2,1,7],"11":[1,1,9],"12":[1,1,1],"13":[1,1,1],"14":[1,1,6],"15":[1,1,1],"16":[1,1,8],"17":[2,1,7],"18":[1,1,6],"19":[1,1,1],"20":[1,1,8],"21":[2,1,7],"22":[1,1,6],"23":[1,1,1],"24":[1,1,8],"25":[2,1,7],"26":[1,1,8],"27":[1,1,1],"28":[1,1,8],"29":[2,1,7],"30":[1,1,18],"31":[1,1,1],"32":[1,1,26],"33":[2,1,7],"34":[1,1,20],"35":[1,1,1],"36":[1,2,7],"37":[1,2,9],"38":[1,2,10],"39":[1,2,9],"40":[1,2,9],"41":[2,2,10],"42":[1,2,10],"43":[3,1,1],"44":[1,3,17],"45":[2,3,5],"46":[2,1,7],"47":[1,1,9],"48":[1,1,1],"49":[1,1,13],"50":[2,1,7],"51":[1,1,8],"52":[1,1,1],"53":[1,1,8],"54":[2,1,7],"55":[1,1,10],"56":[1,1,1],"57":[1,1,30],"58":[2,1,7],"59":[1,1,12],"60":[1,1,1],"61":[1,1,12],"62":[2,1,7],"63":[1,1,6],"64":[1,1,1],"65":[1,2,7],"66":[1,2,11],"67":[2,2,13],"68":[2,1,7],"69":[1,1,10],"70":[1,1,12],"71":[1,1,12],"72":[1,1,12],"73":[2,1,7],"74":[1,1,11],"75":[1,1,1],"76":[1,1,15],"77":[2,1,7],"78":[1,1,9],"79":[1,1,1],"80":[1,2,7],"81":[2,2,11],"82":[1,2,13],"83":[1,2,8],"84":[2,1,7],"85":[1,1,5],"86":[1,1,1],"87":[1,1,8],"88":[2,1,7],"89":[1,1,5],"90":[1,1,1],"91":[1,1,7],"92":[2,1,7],"93":[1,1,19],"94":[5,1,1],"95":[6,1,20],"96":[2,1,10],"97":[1,2,1],"98":[2,3,1],"99":[2,3,6],"100":[2,2,1],"101":[1,4,9],"102":[1,4,9],"103":[1,4,9],"104":[1,4,9],"105":[1,2,20],"106":[2,2,12],"107":[2,1,16],"108":[1,2,1],"109":[1,2,27],"110":[2,2,11],"111":[1,1,12],"112":[2,1,36],"113":[1,1,9],"114":[1,2,1],"115":[1,2,1],"116":[1,1,9],"117":[1,2,1],"118":[1,2,1],"119":[1,1,9],"120":[1,2,1],"121":[1,2,1],"122":[1,1,1],"123":[1,2,8],"124":[1,2,10],"125":[3,2,15],"126":[2,1,9],"127":[1,1,15],"128":[1,1,1],"129":[1,1,27],"130":[2,1,9],"131":[2,1,34],"132":[1,2,1],"133":[1,2,11],"134":[2,2,12],"135":[2,1,23],"136":[1,2,1],"137":[1,2,12],"138":[2,2,8],"139":[1,1,18],"140":[1,1,1],"141":[1,1,27],"142":[2,1,11],"143":[1,1,4],"144":[1,1,1],"145":[1,1,26],"146":[2,1,11],"147":[1,1,3],"148":[1,1,1],"149":[1,1,6],"150":[2,1,11],"151":[1,1,3],"152":[1,1,1],"153":[1,1,12],"154":[2,1,7],"155":[1,1,12],"156":[1,1,1],"157":[1,2,11],"158":[1,2,18],"159":[2,1,1],"160":[1,3,8],"161":[2,1,11],"162":[1,1,6],"163":[1,1,1],"164":[1,1,16],"165":[2,1,11],"166":[5,1,89],"167":[1,1,32],"168":[3,1,31],"169":[4,1,26],"170":[2,5,18],"171":[3,5,24],"172":[1,1,20],"173":[1,1,9],"174":[1,1,1],"175":[4,1,47],"176":[4,1,54],"177":[1,1,88],"178":[1,1,61],"179":[1,1,19],"180":[1,1,36],"181":[1,1,18],"182":[2,1,16],"183":[1,1,6],"184":[2,1,83],"185":[2,1,65],"186":[1,1,69],"187":[2,1,22],"188":[1,1,73],"189":[1,1,61],"190":[1,1,19],"191":[1,1,50],"192":[1,1,18],"193":[2,1,16],"194":[1,1,6],"195":[2,1,79],"196":[2,1,70],"197":[1,1,74],"198":[2,1,1],"199":[1,3,10],"200":[1,3,10],"201":[1,3,10],"202":[1,3,10],"203":[2,1,9],"204":[2,1,53],"205":[1,1,24],"206":[1,1,22],"207":[1,1,9],"208":[5,1,4],"209":[6,1,6],"210":[10,1,13],"211":[2,1,12],"212":[3,1,21],"213":[1,3,1],"214":[1,4,1],"215":[1,4,1],"216":[4,3,6],"217":[4,3,6],"218":[5,3,4],"219":[2,3,12],"220":[3,1,14],"221":[2,3,26],"222":[2,3,21],"223":[1,3,11]},"averageFieldLength":[1.5535714285714286,1.4955357142857142,13.758928571428573],"storedFields":{"0":{"title":"Runtime API Examples","titles":[]},"1":{"title":"Results","titles":["Runtime API Examples"]},"2":{"title":"Theme Data","titles":["Runtime API Examples","Results"]},"3":{"title":"Page Data","titles":["Runtime API Examples","Results"]},"4":{"title":"Page Frontmatter","titles":["Runtime API Examples","Results"]},"5":{"title":"More","titles":["Runtime API Examples"]},"6":{"title":"BusyArea","titles":[]},"7":{"title":"Expander","titles":[]},"8":{"title":"Show","titles":["Expander"]},"9":{"title":"Example","titles":["Expander"]},"10":{"title":"See Also","titles":["Expander"]},"11":{"title":"GroupBox","titles":[]},"12":{"title":"Listbox","titles":[]},"13":{"title":"Treeview","titles":[]},"14":{"title":"Calendar","titles":[]},"15":{"title":"Show","titles":["Calendar"]},"16":{"title":"Example","titles":["Calendar"]},"17":{"title":"See Also","titles":["Calendar"]},"18":{"title":"CalendarDatePicker","titles":[]},"19":{"title":"Show","titles":["CalendarDatePicker"]},"20":{"title":"Example","titles":["CalendarDatePicker"]},"21":{"title":"See Also","titles":["CalendarDatePicker"]},"22":{"title":"DatePicker","titles":[]},"23":{"title":"Show","titles":["DatePicker"]},"24":{"title":"Example","titles":["DatePicker"]},"25":{"title":"See Also","titles":["DatePicker"]},"26":{"title":"TimePicker","titles":[]},"27":{"title":"Show","titles":["TimePicker"]},"28":{"title":"Example","titles":["TimePicker"]},"29":{"title":"See Also","titles":["TimePicker"]},"30":{"title":"AutoCompleteBox","titles":[]},"31":{"title":"Show","titles":["AutoCompleteBox"]},"32":{"title":"Example","titles":["AutoCompleteBox"]},"33":{"title":"See Also","titles":["AutoCompleteBox"]},"34":{"title":"Button","titles":[]},"35":{"title":"Styles","titles":["Button"]},"36":{"title":"Standard","titles":["Button","Styles"]},"37":{"title":"Flat","titles":["Button","Styles"]},"38":{"title":"Rounded","titles":["Button","Styles"]},"39":{"title":"Outlined","titles":["Button","Styles"]},"40":{"title":"Basic","titles":["Button","Styles"]},"41":{"title":"Flat Accent","titles":["Button","Styles"]},"42":{"title":"Large","titles":["Button","Styles"]},"43":{"title":"Busy/Loading Button","titles":["Button"]},"44":{"title":"Axaml","titles":["Button","Busy/Loading Button"]},"45":{"title":"C#","titles":["Button","Busy/Loading Button"]},"46":{"title":"See Also","titles":["Button"]},"47":{"title":"CheckBox","titles":[]},"48":{"title":"Show","titles":["CheckBox"]},"49":{"title":"Example","titles":["CheckBox"]},"50":{"title":"See Also","titles":["CheckBox"]},"51":{"title":"Combobox","titles":[]},"52":{"title":"Show","titles":["Combobox"]},"53":{"title":"Example","titles":["Combobox"]},"54":{"title":"See Also","titles":["Combobox"]},"55":{"title":"ContextMenu","titles":[]},"56":{"title":"Show","titles":["ContextMenu"]},"57":{"title":"Example","titles":["ContextMenu"]},"58":{"title":"See Also","titles":["ContextMenu"]},"59":{"title":"DropDownButton","titles":[]},"60":{"title":"Show","titles":["DropDownButton"]},"61":{"title":"Example","titles":["DropDownButton"]},"62":{"title":"See Also","titles":["DropDownButton"]},"63":{"title":"NumericUpDown","titles":[]},"64":{"title":"Examples","titles":["NumericUpDown"]},"65":{"title":"Simple","titles":["NumericUpDown","Examples"]},"66":{"title":"Extension","titles":["NumericUpDown","Examples"]},"67":{"title":"No Spinner","titles":["NumericUpDown","Examples"]},"68":{"title":"See Also","titles":["NumericUpDown"]},"69":{"title":"RadioButton","titles":[]},"70":{"title":"Base","titles":["RadioButton"]},"71":{"title":"Chips","titles":["RadioButton"]},"72":{"title":"GigaChips","titles":["RadioButton"]},"73":{"title":"See Also","titles":["RadioButton"]},"74":{"title":"Slider","titles":[]},"75":{"title":"Show","titles":["Slider"]},"76":{"title":"Example","titles":["Slider"]},"77":{"title":"See Also","titles":["Slider"]},"78":{"title":"TextBox","titles":[]},"79":{"title":"Examples","titles":["TextBox"]},"80":{"title":"Simple","titles":["TextBox","Examples"]},"81":{"title":"Clear Button","titles":["TextBox","Examples"]},"82":{"title":"Prefix","titles":["TextBox","Examples"]},"83":{"title":"Watermark","titles":["TextBox","Examples"]},"84":{"title":"See Also","titles":["TextBox"]},"85":{"title":"ToggleButton","titles":[]},"86":{"title":"Show","titles":["ToggleButton"]},"87":{"title":"Example","titles":["ToggleButton"]},"88":{"title":"See Also","titles":["ToggleButton"]},"89":{"title":"ToggleSwitch","titles":[]},"90":{"title":"Show","titles":["ToggleSwitch"]},"91":{"title":"Example","titles":["ToggleSwitch"]},"92":{"title":"See Also","titles":["ToggleSwitch"]},"93":{"title":"Dock","titles":[]},"94":{"title":"Install SukiUI.Dock Nuget Package","titles":["Dock"]},"95":{"title":"Reference it in your App.axaml","titles":["Dock"]},"96":{"title":"Glass Card","titles":[]},"97":{"title":"Theme","titles":["Glass Card"]},"98":{"title":"Dark Theme","titles":["Glass Card","Theme"]},"99":{"title":"Light Theme","titles":["Glass Card","Theme"]},"100":{"title":"Alternative Style","titles":["Glass Card"]},"101":{"title":"Primary","titles":["Glass Card","Alternative Style"]},"102":{"title":"Accent","titles":["Glass Card","Alternative Style"]},"103":{"title":"Opaque","titles":["Glass Card","Alternative Style"]},"104":{"title":"Interactive","titles":["Glass Card","Alternative Style"]},"105":{"title":"Animations","titles":["Glass Card"]},"106":{"title":"See Also","titles":["Glass Card"]},"107":{"title":"Settings Layout","titles":[]},"108":{"title":"Show","titles":["Settings Layout"]},"109":{"title":"Example","titles":["Settings Layout"]},"110":{"title":"See Also","titles":["Settings Layout"]},"111":{"title":"SukiWindow","titles":[]},"112":{"title":"Background Style","titles":["SukiWindow"]},"113":{"title":"Bubble","titles":["SukiWindow"]},"114":{"title":"Dark","titles":["SukiWindow","Bubble"]},"115":{"title":"Light","titles":["SukiWindow","Bubble"]},"116":{"title":"Gradient","titles":["SukiWindow"]},"117":{"title":"Dark","titles":["SukiWindow","Gradient"]},"118":{"title":"Light","titles":["SukiWindow","Gradient"]},"119":{"title":"Flat","titles":["SukiWindow"]},"120":{"title":"Dark","titles":["SukiWindow","Flat"]},"121":{"title":"Light","titles":["SukiWindow","Flat"]},"122":{"title":"Functionalities","titles":["SukiWindow"]},"123":{"title":"Logo","titles":["SukiWindow","Functionalities"]},"124":{"title":"Menu","titles":["SukiWindow","Functionalities"]},"125":{"title":"Right TitleBar Control","titles":["SukiWindow","Functionalities"]},"126":{"title":"See Also","titles":["SukiWindow"]},"127":{"title":"SukiSideMenu","titles":[]},"128":{"title":"Show","titles":["SukiSideMenu"]},"129":{"title":"Example","titles":["SukiSideMenu"]},"130":{"title":"See Also","titles":["SukiSideMenu"]},"131":{"title":"Stack Page","titles":[]},"132":{"title":"Show","titles":["Stack Page"]},"133":{"title":"Example","titles":["Stack Page"]},"134":{"title":"See Also","titles":["Stack Page"]},"135":{"title":"Tab Control","titles":[]},"136":{"title":"Show","titles":["Tab Control"]},"137":{"title":"Example","titles":["Tab Control"]},"138":{"title":"See Also","titles":["Tab Control"]},"139":{"title":"InfoBar","titles":[]},"140":{"title":"Show","titles":["InfoBar"]},"141":{"title":"Example","titles":["InfoBar"]},"142":{"title":"See Also","titles":["InfoBar"]},"143":{"title":"CircleProgressBar","titles":[]},"144":{"title":"Show","titles":["CircleProgressBar"]},"145":{"title":"Example","titles":["CircleProgressBar"]},"146":{"title":"See Also","titles":["CircleProgressBar"]},"147":{"title":"Loading","titles":[]},"148":{"title":"Show","titles":["Loading"]},"149":{"title":"Example","titles":["Loading"]},"150":{"title":"See Also","titles":["Loading"]},"151":{"title":"ProgressBar","titles":[]},"152":{"title":"Show","titles":["ProgressBar"]},"153":{"title":"Example","titles":["ProgressBar"]},"154":{"title":"See Also","titles":["ProgressBar"]},"155":{"title":"Stepper","titles":[]},"156":{"title":"Usage","titles":["Stepper"]},"157":{"title":"Axaml","titles":["Stepper","Usage"]},"158":{"title":"ViewModel","titles":["Stepper","Usage"]},"159":{"title":"Alternative Style","titles":["Stepper"]},"160":{"title":"Axaml","titles":["Stepper","Alternative Style"]},"161":{"title":"See Also","titles":["Stepper"]},"162":{"title":"WaveProgress","titles":[]},"163":{"title":"Show","titles":["WaveProgress"]},"164":{"title":"Example","titles":["WaveProgress"]},"165":{"title":"See Also","titles":["WaveProgress"]},"166":{"title":"How to use Custom Font","titles":[]},"167":{"title":"Installation","titles":[]},"168":{"title":"Prepare your application","titles":["Installation"]},"169":{"title":"Install latest SukiUI package","titles":["Installation"]},"170":{"title":"Via Nuget","titles":["Installation","Install latest SukiUI package"]},"171":{"title":"Via Github Action","titles":["Installation","Install latest SukiUI package"]},"172":{"title":"Introduction","titles":[]},"173":{"title":"Gallery","titles":["Introduction"]},"174":{"title":"Launch","titles":[]},"175":{"title":"Modify your App.axaml","titles":["Launch"]},"176":{"title":"Use SukiWindow as MainWindow","titles":["Launch"]},"177":{"title":"Done","titles":["Launch"]},"178":{"title":"Dialogs","titles":[]},"179":{"title":"View","titles":["Dialogs"]},"180":{"title":"ViewModel","titles":["Dialogs"]},"181":{"title":"AXAML","titles":["Dialogs"]},"182":{"title":"Code-Behind","titles":["Dialogs"]},"183":{"title":"Usage","titles":["Dialogs"]},"184":{"title":"Displaying Dialogs","titles":["Dialogs"]},"185":{"title":"Dismissing Dialogs","titles":["Dialogs"]},"186":{"title":"Interactions","titles":["Dialogs"]},"187":{"title":"MessageBox Style","titles":["Dialogs"]},"188":{"title":"Hosts","titles":[]},"189":{"title":"Toasts","titles":[]},"190":{"title":"View","titles":["Toasts"]},"191":{"title":"ViewModel","titles":["Toasts"]},"192":{"title":"AXAML","titles":["Toasts"]},"193":{"title":"Code-Behind","titles":["Toasts"]},"194":{"title":"Usage","titles":["Toasts"]},"195":{"title":"Displaying Toasts","titles":["Toasts"]},"196":{"title":"Dismissing Toasts","titles":["Toasts"]},"197":{"title":"Interactions","titles":["Toasts"]},"198":{"title":"Toast Types","titles":["Toasts"]},"199":{"title":"Information","titles":["Toasts","Toast Types"]},"200":{"title":"Success","titles":["Toasts","Toast Types"]},"201":{"title":"Warning","titles":["Toasts","Toast Types"]},"202":{"title":"Error","titles":["Toasts","Toast Types"]},"203":{"title":"Loading Toast","titles":["Toasts"]},"204":{"title":"Complex Interaction","titles":["Toasts"]},"205":{"title":"Documentation","titles":[]},"206":{"title":"Basic","titles":[]},"207":{"title":"Color","titles":[]},"208":{"title":"Switch between available Color Theme","titles":["Color"]},"209":{"title":"Switch to a specific Color Theme","titles":["Color"]},"210":{"title":"Create a Custom Color Theme, register it and switch to it","titles":["Color"]},"211":{"title":"ColorChanged Event","titles":["Color"]},"212":{"title":"Light &amp; Dark","titles":[]},"213":{"title":"Theme","titles":["Light &amp; Dark"]},"214":{"title":"Dark","titles":["Light &amp; Dark","Theme"]},"215":{"title":"Light","titles":["Light &amp; Dark","Theme"]},"216":{"title":"Switch to Dark Theme","titles":["Light &amp; Dark"]},"217":{"title":"Switch to Light Theme","titles":["Light &amp; Dark"]},"218":{"title":"Switch between Light/Dark Theme","titles":["Light &amp; Dark"]},"219":{"title":"ThemeChanged Event","titles":["Light &amp; Dark"]},"220":{"title":"Markdown Extension Examples","titles":[]},"221":{"title":"Syntax Highlighting","titles":["Markdown Extension Examples"]},"222":{"title":"Custom Containers","titles":["Markdown Extension Examples"]},"223":{"title":"More","titles":["Markdown Extension Examples"]}},"dirtCount":0,"index":[["jsexport",{"2":{"221":1}}],["jump",{"2":{"205":1}}],["just",{"2":{"180":1,"191":1}}],["```",{"2":{"221":1}}],["4",{"2":{"221":1}}],["+=",{"2":{"204":2,"211":1,"219":1}}],["queue",{"2":{"194":1,"195":3,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":2}}],["quot",{"2":{"112":4,"180":2,"191":2,"204":2}}],["\\ttoastmanager",{"2":{"195":1,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1}}],["\\tdialogmanager",{"2":{"184":1,"185":1}}],["\\tpublic",{"2":{"180":1,"182":2,"191":1,"193":2}}],["\\t\\ttoasthost",{"2":{"193":1}}],["\\t\\tdialoghost",{"2":{"182":1}}],["\\t\\tinitializecomponent",{"2":{"182":1,"193":1}}],["\\t\\t",{"2":{"179":1,"181":1,"184":3,"188":1,"190":1,"192":1,"195":3,"196":1,"197":1}}],["\\t",{"2":{"179":2,"181":2,"182":2,"183":1,"188":2,"190":2,"192":2,"193":2,"194":1}}],["6",{"2":{"167":1,"170":1}}],["key=",{"2":{"166":1}}],["5",{"2":{"131":1,"133":1}}],["0",{"2":{"76":1,"145":5,"167":3,"170":2,"204":4}}],["gt",{"2":{"177":1}}],["generic",{"2":{"177":1}}],["getinstance",{"2":{"206":1,"208":1,"209":1,"210":2,"211":1,"216":1,"217":1,"218":1,"219":1}}],["get",{"2":{"158":1,"173":1,"177":1,"180":1,"191":1,"206":1}}],["gallary",{"2":{"173":1}}],["gallery",{"0":{"173":1}}],["go",{"2":{"173":1}}],["google",{"2":{"82":1}}],["guide",{"2":{"171":1}}],["guides",{"2":{"155":1}}],["given",{"2":{"178":1,"189":1,"191":1}}],["github",{"0":{"171":1},"2":{"166":2,"167":1,"169":1,"171":1,"176":2,"177":1,"205":1}}],["gigachips",{"0":{"72":1},"2":{"72":1}}],["gradient",{"0":{"116":1},"1":{"117":1,"118":1},"2":{"116":1}}],["groupname=",{"2":{"70":1}}],["groupbox>",{"2":{"11":1}}],["groupbox",{"0":{"11":1},"2":{"11":1}}],["glassmorphism",{"2":{"106":1,"112":1}}],["glass",{"0":{"96":1},"1":{"97":1,"98":1,"99":1,"100":1,"101":1,"102":1,"103":1,"104":1,"105":1,"106":1}}],["glasscard",{"2":{"57":2,"101":1,"102":1,"103":1,"104":1,"105":2,"106":1}}],["glasscard>",{"2":{"57":2,"99":2,"101":1,"102":1,"103":1,"104":1}}],["name=",{"2":{"181":1,"192":1}}],["namespace",{"2":{"44":1,"166":2,"175":1,"176":3,"177":2}}],["navigationview",{"2":{"127":1}}],["navigation",{"2":{"127":1}}],["number",{"2":{"172":1,"186":2,"191":1,"197":1}}],["numeric",{"2":{"63":1}}],["numericupdownextensions",{"2":{"66":1,"67":1}}],["numericupdown",{"0":{"63":1},"1":{"64":1,"65":1,"66":1,"67":1,"68":1},"2":{"65":1,"66":1,"67":1}}],["nuget",{"0":{"94":1,"170":1},"2":{"167":1,"169":1,"170":1}}],["none",{"2":{"184":1}}],["notificationtype",{"2":{"199":1,"200":1,"201":1,"202":1}}],["not",{"2":{"164":1,"175":2,"177":2,"180":1,"188":1,"191":1}}],["note",{"2":{"112":1}}],["now",{"2":{"95":1,"177":2,"204":1}}],["no",{"0":{"67":1},"2":{"168":1,"185":1,"188":1,"196":1}}],["new",{"2":{"180":1,"182":1,"191":1,"193":1,"204":2,"210":1}}],["necessary",{"2":{"168":1,"185":1,"196":1}}],["nested",{"2":{"57":2}}],["next",{"2":{"57":1,"185":1}}],["need",{"2":{"30":1}}],["300",{"2":{"109":3}}],["3",{"2":{"32":1,"109":1,"112":1,"196":2,"197":2}}],["20",{"2":{"204":1}}],["2008",{"2":{"176":2}}],["2006",{"2":{"166":2,"176":4}}],["276",{"2":{"177":2}}],["265",{"2":{"177":1}}],["2",{"2":{"32":1,"109":1,"137":1,"145":1,"167":1}}],["11",{"2":{"145":1,"167":1}}],["100",{"2":{"76":1,"204":1}}],["10",{"2":{"65":1,"66":1,"67":1}}],["1",{"2":{"32":1,"76":1,"137":1,"158":1,"196":1,"204":1}}],["event",{"0":{"211":1,"219":1}}],["everything",{"2":{"131":1}}],["elapsed",{"2":{"204":1}}],["effect",{"2":{"188":1}}],["empty",{"2":{"185":1,"196":1}}],["easily",{"2":{"178":1,"189":1,"206":2,"207":1}}],["editor",{"2":{"168":1}}],["error",{"0":{"202":1},"2":{"141":1,"187":1,"202":1}}],["ensuring",{"2":{"177":1}}],["encounter",{"2":{"177":1}}],["enhance",{"2":{"112":1}}],["enter",{"2":{"30":1}}],["exceeded",{"2":{"196":1}}],["exceptions",{"2":{"177":1}}],["exception",{"2":{"177":2}}],["export",{"2":{"221":1}}],["explanatory",{"2":{"184":1,"195":1}}],["experience",{"2":{"178":1,"189":1}}],["expression",{"2":{"176":2}}],["expanding",{"2":{"184":1,"195":1}}],["expanddirection=",{"2":{"9":4}}],["expanddirections",{"2":{"7":1}}],["expanded",{"2":{"7":1}}],["expanderview",{"2":{"10":1}}],["expander>",{"2":{"9":4}}],["expander",{"0":{"7":1},"1":{"8":1,"9":1,"10":1},"2":{"7":1,"9":8}}],["exists",{"2":{"166":1}}],["extensions",{"2":{"220":1,"223":1}}],["extension",{"0":{"66":1,"220":1},"1":{"221":1,"222":1,"223":1},"2":{"184":1,"195":1}}],["exampleviewmodel",{"2":{"180":1,"191":1}}],["example",{"0":{"9":1,"16":1,"20":1,"24":1,"28":1,"32":1,"49":1,"53":1,"57":1,"61":1,"76":1,"87":1,"91":1,"109":1,"129":1,"133":1,"137":1,"141":1,"145":1,"149":1,"153":1,"164":1},"2":{"178":1,"184":3,"185":1,"186":1,"189":1,"195":3,"196":1,"197":1,"204":1}}],["examples",{"0":{"0":1,"64":1,"79":1,"220":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1,"65":1,"66":1,"67":1,"80":1,"81":1,"82":1,"83":1,"221":1,"222":1,"223":1}}],["yourproject",{"2":{"166":1}}],["your",{"0":{"95":1,"168":1,"175":1},"2":{"112":1,"166":2,"172":1,"175":2,"177":1,"178":1,"188":1,"189":1,"206":1}}],["you",{"2":{"30":1,"59":1,"95":1,"107":1,"112":1,"131":1,"169":2,"170":1,"171":1,"175":1,"177":3,"178":3,"180":2,"184":1,"185":1,"186":1,"188":1,"189":3,"191":2,"195":1,"196":1,"205":1}}],["lt",{"2":{"177":1}}],["long",{"2":{"178":1,"189":1}}],["longer",{"2":{"168":1}}],["localised",{"2":{"178":1,"189":1}}],["local",{"2":{"166":2}}],["local=",{"2":{"166":2}}],["logocontent>",{"2":{"123":2}}],["logo",{"0":{"123":1},"2":{"123":1}}],["loading",{"0":{"43":1,"147":1,"203":1},"1":{"44":1,"45":1,"148":1,"149":1,"150":1},"2":{"147":1,"149":1,"150":1}}],["level",{"2":{"178":1,"189":1}}],["let",{"2":{"112":1}}],["left",{"2":{"9":3}}],["later",{"2":{"204":1}}],["latest",{"0":{"169":1},"1":{"170":1,"171":1},"2":{"167":1,"169":1,"171":1}}],["last",{"2":{"186":1}}],["launch",{"0":{"174":1},"1":{"175":1,"176":1,"177":1}}],["layout",{"0":{"107":1},"1":{"108":1,"109":1,"110":1}}],["large",{"0":{"42":1},"2":{"42":1,"172":1}}],["line",{"2":{"221":1}}],["like",{"2":{"180":1,"191":1,"221":1}}],["limit=",{"2":{"133":1}}],["limit",{"2":{"131":1,"191":1}}],["libraries",{"2":{"127":1}}],["library",{"2":{"93":1,"95":1,"112":1,"172":1}}],["lightgray",{"2":{"109":3}}],["light",{"0":{"99":1,"115":1,"118":1,"121":1,"212":1,"215":1,"217":1,"218":1},"1":{"213":1,"214":1,"215":1,"216":1,"217":1,"218":1,"219":1},"2":{"166":2,"212":1,"217":1}}],["listbox",{"0":{"12":1}}],["list",{"2":{"5":1,"171":1,"223":1}}],["uithread",{"2":{"204":1}}],["until",{"2":{"177":1}}],["unable",{"2":{"177":1}}],["unwind",{"2":{"131":2}}],["unit=",{"2":{"66":1,"67":1}}],["updating",{"2":{"204":1}}],["update",{"2":{"107":1,"204":4}}],["upgrade",{"2":{"177":1}}],["up",{"2":{"9":3,"59":1,"131":1,"168":1,"177":1}}],["use",{"0":{"166":1,"176":1},"2":{"95":1,"169":1,"177":1,"180":1,"185":2,"187":2,"191":1,"196":1,"212":1}}],["users",{"2":{"155":1,"169":1}}],["user",{"2":{"47":1,"69":1,"78":1,"135":1,"139":1,"185":1,"197":1}}],["used",{"2":{"0":1,"47":1,"69":1,"78":1,"127":1,"135":1,"139":1,"178":1,"189":1}}],["usedata",{"2":{"0":3}}],["using",{"2":{"7":1,"166":2,"178":2,"189":2}}],["usage",{"0":{"156":1,"183":1,"194":1},"1":{"157":1,"158":1},"2":{"0":1}}],["highlighted",{"2":{"221":2}}],["highlighting",{"0":{"221":1},"2":{"221":2}}],["hideprogress",{"2":{"45":1}}],["hiding",{"2":{"7":1}}],["hosts>",{"2":{"179":2,"181":2,"188":2,"190":2,"192":2}}],["hosts",{"0":{"188":1},"2":{"178":1,"188":3,"189":1}}],["host",{"2":{"178":2,"189":2,"191":1}}],["however",{"2":{"178":1,"189":1,"212":1}}],["how",{"0":{"166":1}}],["http",{"2":{"166":2,"176":6}}],["https",{"2":{"82":1,"166":2,"176":2}}],["h3",{"2":{"145":1}}],["have",{"2":{"178":1,"184":1,"185":1,"188":1,"189":1,"195":1,"196":2}}],["handful",{"2":{"34":1}}],["has",{"2":{"7":1,"34":1}}],["here",{"2":{"166":1,"178":1,"184":3,"185":1,"186":1,"188":1,"189":1,"195":3,"196":1,"197":1,"204":1}}],["header",{"2":{"129":1,"131":1}}],["headercontent>",{"2":{"129":2}}],["header=",{"2":{"9":4,"11":1,"57":10,"109":3,"129":1,"137":2}}],["height=",{"2":{"109":3}}],["hello",{"2":{"80":1,"81":1,"141":1}}],["help",{"2":{"30":1}}],["helpful",{"2":{"30":1}}],["wrapper",{"2":{"212":1}}],["writeline",{"2":{"197":2,"211":1,"219":1}}],["written",{"2":{"167":1}}],["way",{"2":{"178":1,"189":1}}],["ways",{"2":{"167":1}}],["want",{"2":{"169":1,"184":1,"186":1,"195":1}}],["was",{"2":{"167":2,"197":1}}],["wave",{"2":{"162":1}}],["waveprogress",{"0":{"162":1},"1":{"163":1,"164":1,"165":1},"2":{"164":1,"165":1}}],["warning",{"0":{"201":1},"2":{"141":2,"175":1,"177":1,"187":1,"188":1,"201":1,"222":6}}],["watermark=",{"2":{"83":1}}],["watermark",{"0":{"83":1},"2":{"83":1}}],["welcome",{"2":{"205":1}}],["we",{"2":{"93":1,"177":1,"178":1,"189":1}}],["www",{"2":{"82":1}}],["wish",{"2":{"180":1,"191":1}}],["winfx",{"2":{"166":2,"176":2}}],["window>",{"2":{"176":1}}],["window",{"2":{"107":1,"111":1,"175":1,"176":3}}],["width",{"2":{"107":1}}],["will",{"2":{"59":1,"107":1,"131":2,"168":1,"175":1,"185":2,"186":1,"188":1,"196":1,"197":2}}],["withloadingstate",{"2":{"203":1}}],["withactionbuttonnormal",{"2":{"204":1}}],["withactionbutton",{"2":{"186":4,"197":2,"204":1}}],["withcontent",{"2":{"184":1,"195":1,"204":2}}],["withtitle",{"2":{"184":1,"195":1,"204":2}}],["within",{"2":{"178":1,"189":1}}],["with",{"2":{"57":2,"95":1,"105":1,"107":1,"135":1,"162":1,"166":1,"167":1,"168":1,"177":1,"186":3,"188":2,"197":3,"221":1}}],["where",{"2":{"205":1}}],["when",{"2":{"30":1,"59":1,"167":1,"185":2}}],["whatever",{"2":{"178":1,"189":1}}],["while",{"2":{"177":1}}],["which",{"2":{"7":1,"107":1,"178":1,"185":4,"186":1,"189":1,"196":4,"197":1}}],["workflow",{"2":{"171":1}}],["works",{"2":{"0":1,"180":1,"191":1}}],["world",{"2":{"141":1}}],["would",{"2":{"30":1,"180":1,"191":1}}],[">avares",{"2":{"166":1}}],[">",{"2":{"6":1,"9":4,"11":1,"16":1,"20":1,"24":1,"28":1,"32":2,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"44":1,"49":3,"53":1,"57":12,"61":2,"65":1,"66":1,"67":1,"70":1,"71":1,"72":1,"76":1,"80":1,"81":1,"82":1,"83":1,"87":1,"91":1,"95":1,"99":1,"101":2,"102":2,"103":2,"104":2,"109":7,"113":3,"116":3,"119":3,"123":1,"124":3,"125":1,"129":7,"133":1,"137":4,"141":1,"145":2,"149":1,"153":1,"157":1,"160":1,"164":1,"166":8,"175":2,"176":2,"179":2,"181":2,"188":2,"190":2,"192":2}}],["xxx",{"2":{"166":1}}],["xamlil",{"2":{"177":1}}],["xaml",{"2":{"166":2,"176":2,"177":1}}],["x=",{"2":{"166":2,"176":2}}],["x",{"2":{"32":1,"57":2,"109":1,"166":3,"176":2}}],["xmldocs",{"2":{"184":1,"195":1}}],["xmlns=",{"2":{"166":2,"176":2}}],["xmlns",{"2":{"44":1,"166":6,"175":1,"176":7,"179":1,"181":1,"188":1,"190":1,"192":1}}],["xml",{"2":{"6":1,"9":1,"11":1,"16":1,"20":1,"24":1,"28":1,"32":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"44":1,"49":1,"53":1,"57":1,"61":1,"65":1,"66":1,"67":1,"70":1,"71":1,"72":1,"76":1,"80":1,"81":1,"82":1,"83":1,"87":1,"91":1,"95":1,"99":1,"101":1,"102":1,"103":1,"104":1,"109":1,"113":1,"116":1,"119":1,"123":1,"124":1,"125":1,"129":1,"133":1,"137":1,"141":1,"145":1,"149":1,"153":1,"157":1,"160":1,"164":1,"166":2,"175":1,"176":2,"179":1,"181":1,"188":1,"190":1,"192":1}}],["x3c",{"2":{"0":8,"6":2,"9":16,"11":2,"16":1,"20":1,"24":1,"28":1,"32":23,"36":2,"37":2,"38":2,"39":2,"40":2,"41":2,"42":2,"44":2,"49":3,"53":1,"57":26,"61":7,"65":1,"66":1,"67":1,"70":1,"71":1,"72":1,"76":1,"80":1,"81":1,"82":1,"83":1,"87":1,"91":1,"95":1,"99":3,"101":3,"102":3,"103":3,"104":3,"109":21,"113":3,"116":3,"119":3,"123":3,"124":5,"125":3,"129":19,"133":1,"137":8,"141":1,"145":3,"149":1,"153":1,"157":1,"158":1,"160":1,"164":1,"166":24,"175":5,"176":4,"179":6,"181":6,"188":6,"190":6,"192":6,"204":1}}],["older",{"2":{"196":1}}],["omitted",{"2":{"179":1,"181":1,"188":1,"190":1,"192":1}}],["others",{"2":{"188":1}}],["other",{"2":{"127":1,"129":1,"166":2,"175":1,"177":1,"185":1,"188":1,"196":1}}],["opacity",{"2":{"105":1}}],["opaque",{"0":{"103":1}}],["openxmlformats",{"2":{"176":2}}],["open",{"2":{"61":1}}],["optional",{"2":{"186":1}}],["optionally",{"2":{"186":1}}],["options",{"2":{"166":2}}],["optionclickedcommand",{"2":{"57":2}}],["option",{"2":{"49":3,"57":5,"70":1,"71":1,"72":1,"112":1}}],["onbasethemechanged",{"2":{"219":1}}],["oncolorthemechanged",{"2":{"211":1}}],["onclicked",{"2":{"197":2}}],["ondismissed",{"2":{"197":2}}],["only",{"2":{"185":1,"188":1}}],["on",{"2":{"59":1,"125":1,"131":1,"170":1,"184":2,"186":2,"195":2}}],["one",{"2":{"49":1,"70":1,"71":1,"72":1,"186":1}}],["observableproperty",{"2":{"158":1}}],["observablecollection>",{"2":{"32":1,"109":1}}],["observablecollection",{"2":{"32":1,"109":1}}],["object",{"2":{"131":1,"177":1}}],["objectmodel",{"2":{"32":2,"109":2}}],["order",{"2":{"184":1,"185":1,"195":1,"196":1}}],["org",{"2":{"176":2}}],["original",{"2":{"176":2}}],["or",{"2":{"30":1,"164":1,"166":2,"177":1,"180":1,"188":1,"191":1,"196":1}}],["output",{"2":{"221":1,"222":1}}],["outside",{"2":{"185":1}}],["outlined",{"0":{"39":1},"2":{"39":1}}],["out",{"2":{"5":1,"223":1}}],["oftype",{"2":{"187":1,"199":1,"200":1,"201":1,"202":1}}],["often",{"2":{"93":1}}],["offers",{"2":{"172":1}}],["of",{"2":{"0":2,"5":1,"26":1,"30":1,"34":1,"105":1,"107":1,"112":1,"125":1,"135":1,"155":1,"166":1,"172":1,"177":1,"178":1,"184":2,"185":4,"186":4,"189":1,"191":1,"195":2,"196":2,"197":3,"204":1,"206":1,"220":1,"223":1}}],["room",{"2":{"196":1}}],["rounded",{"0":{"38":1},"2":{"38":1}}],["register",{"0":{"210":1}}],["red",{"2":{"209":1}}],["related",{"2":{"205":1}}],["return",{"2":{"204":1,"221":2}}],["render",{"2":{"188":1}}],["require",{"2":{"178":1,"189":1}}],["requestedthemevariant=",{"2":{"166":2}}],["recommend",{"2":{"178":1,"189":1}}],["recommended",{"2":{"167":1,"184":1,"195":1}}],["ready",{"2":{"177":1}}],["re",{"2":{"170":1,"177":1}}],["removed",{"2":{"168":1}}],["remembers",{"2":{"131":1}}],["resolved",{"2":{"177":1}}],["resolve",{"2":{"177":1}}],["resourcedictionary>",{"2":{"166":2}}],["resources>",{"2":{"166":2}}],["results",{"0":{"1":1},"1":{"2":1,"3":1,"4":1},"2":{"0":1}}],["replace",{"2":{"166":1}}],["replaces",{"2":{"111":1}}],["reference",{"0":{"95":1},"2":{"171":1,"177":1}}],["rather",{"2":{"180":1,"191":1}}],["range",{"2":{"74":1}}],["radiobutton",{"0":{"69":1},"1":{"70":1,"71":1,"72":1,"73":1},"2":{"70":1,"71":1,"72":1}}],["rightwindowtitlebarcontrols>",{"2":{"125":2}}],["right",{"0":{"125":1},"2":{"9":3,"55":1,"125":1}}],["runtime",{"0":{"0":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1},"2":{"0":1,"5":1,"177":1}}],["=>",{"2":{"186":2,"197":3,"204":4,"211":1,"219":1}}],["=",{"2":{"0":1,"158":2,"180":1,"182":2,"191":1,"193":2,"204":5,"206":1,"210":1}}],["feel",{"2":{"205":1}}],["features",{"2":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"84":1,"88":1,"92":1,"106":1,"110":1,"134":1,"138":1,"142":1,"146":1,"150":1,"154":1,"161":1,"165":1,"221":1}}],["free",{"2":{"205":1}}],["friendly",{"2":{"178":1,"189":1}}],["frontmatter",{"0":{"4":1},"2":{"0":3,"4":1}}],["fromseconds",{"2":{"196":1,"197":1}}],["from",{"2":{"0":1,"51":1,"112":1,"167":1,"169":1,"176":1,"177":2,"184":1,"195":1}}],["finally",{"2":{"184":1,"195":1}}],["file",{"2":{"166":1}}],["files",{"2":{"0":1}}],["first",{"2":{"158":1}}],["found",{"2":{"177":2}}],["following",{"2":{"168":1,"177":2}}],["follows",{"2":{"166":2}}],["fontfamily>",{"2":{"166":1}}],["fontfamily",{"2":{"166":1}}],["fontname",{"2":{"166":2}}],["font",{"0":{"166":1},"2":{"166":2}}],["footer",{"2":{"129":1}}],["footercontent>",{"2":{"129":2}}],["for",{"2":{"0":1,"5":1,"7":1,"14":1,"18":1,"22":1,"26":1,"47":1,"51":1,"55":1,"63":1,"69":1,"74":1,"78":1,"93":1,"111":1,"169":1,"170":1,"178":1,"179":1,"181":1,"184":1,"186":1,"188":2,"189":1,"190":1,"192":1,"195":2,"196":1,"197":1,"205":1,"223":1}}],["fluent",{"2":{"168":1,"184":1,"195":1}}],["flyout>",{"2":{"61":4}}],["flat",{"0":{"37":1,"41":1,"119":1},"1":{"120":1,"121":1},"2":{"37":1,"38":1,"41":1,"42":1,"112":1,"119":1}}],["false",{"2":{"57":4,"67":1}}],["functionalities",{"0":{"122":1},"1":{"123":1,"124":1,"125":1}}],["function",{"2":{"30":1}}],["full",{"2":{"5":1,"223":1}}],["v1",{"2":{"204":1}}],["void",{"2":{"184":1,"185":1,"186":1,"195":1,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":2}}],["version",{"2":{"167":2,"170":1,"177":1}}],["var",{"2":{"204":3}}],["variant",{"2":{"166":2,"212":1,"219":1}}],["valid",{"2":{"188":1}}],["value",{"2":{"74":1,"204":3}}],["value=",{"2":{"65":1,"66":1,"67":1,"76":1,"145":1,"153":1,"164":1}}],["visit",{"2":{"170":1,"171":1}}],["via",{"0":{"170":1,"171":1},"2":{"197":1}}],["views",{"2":{"188":1}}],["view",{"0":{"179":1,"190":1}}],["viewlocator",{"2":{"166":2}}],["viewmodel",{"0":{"158":1,"180":1,"191":1},"2":{"184":1,"195":1}}],["vitepress",{"2":{"0":2,"220":1,"221":1}}],["vue",{"2":{"0":1}}],["msg",{"2":{"221":2}}],["mvvm",{"2":{"178":2,"180":1,"189":2,"191":1}}],["mc=",{"2":{"176":2}}],["modified",{"2":{"176":2}}],["modify",{"0":{"175":1}}],["modern",{"2":{"172":1}}],["mode=twoway",{"2":{"141":1}}],["most",{"2":{"169":1,"184":1,"195":1}}],["more",{"0":{"5":1,"223":1},"2":{"170":1,"172":1,"196":1,"197":1}}],["mechanisms",{"2":{"185":1,"196":1}}],["mechanism",{"2":{"185":1,"196":1}}],["method",{"2":{"177":1,"184":3,"185":3,"187":1,"195":3,"196":3,"197":1}}],["means",{"2":{"175":1}}],["messagebox",{"0":{"187":1},"2":{"187":1}}],["message=",{"2":{"141":1}}],["message",{"2":{"139":2}}],["me",{"2":{"87":1}}],["menuitems>",{"2":{"124":2}}],["menuitem>",{"2":{"57":4}}],["menuitem",{"2":{"57":14}}],["menu",{"0":{"124":1},"2":{"55":1,"124":1}}],["missingmethodexception",{"2":{"177":1}}],["miscview",{"2":{"17":1,"21":1,"25":1,"29":1,"62":1,"68":1}}],["microsoft",{"2":{"166":2,"173":1,"176":4}}],["minimum=",{"2":{"76":1}}],["maxtoasts",{"2":{"191":1}}],["maximum=",{"2":{"76":1}}],["manipulate",{"2":{"206":1}}],["manager",{"2":{"182":1,"193":1}}],["manager=",{"2":{"179":1,"190":1}}],["many",{"2":{"175":1}}],["markdown",{"0":{"220":1},"1":{"221":1,"222":1,"223":1},"2":{"220":1,"223":1}}],["markup",{"2":{"176":2,"177":1}}],["margin=",{"2":{"145":1}}],["match",{"2":{"112":1}}],["makes",{"2":{"172":1,"184":1,"195":1}}],["make",{"2":{"93":1,"196":1}}],["mainwindow",{"0":{"176":1},"2":{"176":11,"182":2,"193":2}}],["main",{"2":{"0":1,"127":1}}],["mybutton",{"2":{"45":2}}],["md```js",{"2":{"221":1}}],["md",{"2":{"0":2,"222":1}}],["immediately",{"2":{"186":1,"195":1,"197":1}}],["implement",{"2":{"180":1,"191":1}}],["import",{"2":{"0":1}}],["iavaloniaxamlileagerparentstackprovider",{"2":{"177":1}}],["ireadonlylist`1",{"2":{"177":1}}],["ienumerable",{"2":{"158":1}}],["if",{"2":{"131":1,"169":1,"175":1,"177":1,"180":1,"184":1,"186":1,"191":1,"196":1,"204":1}}],["icon>",{"2":{"57":4,"129":2}}],["icon",{"2":{"57":2,"129":1}}],["isukitoastmanager",{"2":{"189":1,"191":1,"193":1,"195":1}}],["isukidialogmanager",{"2":{"178":1,"180":1,"182":1,"184":1}}],["istextvisible=",{"2":{"164":1}}],["istextvisible",{"2":{"145":1,"153":1,"164":1}}],["isthreestate=",{"2":{"49":1}}],["isvisible=",{"2":{"145":1}}],["isindeterminate",{"2":{"145":1,"153":1}}],["isindeterminate=",{"2":{"145":1,"153":1}}],["isinteractive=",{"2":{"104":1}}],["isopen",{"2":{"141":1}}],["isopen=",{"2":{"141":1}}],["isopaque",{"2":{"141":1}}],["isopaque=",{"2":{"103":1,"141":1}}],["isclosable",{"2":{"141":1}}],["isclosable=",{"2":{"141":1}}],["ischecked=",{"2":{"49":1,"70":1,"71":1,"72":1,"91":1}}],["issue",{"2":{"177":2,"205":1}}],["issearchenabled=",{"2":{"129":1}}],["issnaptotickenabled=",{"2":{"76":1}}],["ismenuvisible=",{"2":{"124":1}}],["isanimated",{"2":{"105":1}}],["isenabled=",{"2":{"57":3}}],["is",{"2":{"7":1,"127":1,"131":2,"135":1,"139":1,"166":1,"169":1,"175":1,"177":2,"178":2,"184":3,"185":3,"186":1,"187":1,"188":1,"189":2,"191":1,"195":2,"196":2,"197":1,"204":2,"222":10}}],["isbusy",{"2":{"6":1}}],["isbusy=",{"2":{"6":1}}],["invoke",{"2":{"204":1}}],["involves",{"2":{"185":1}}],["initializecomponent",{"2":{"176":2}}],["including",{"2":{"186":1,"188":1}}],["included",{"2":{"186":1,"187":2}}],["include",{"2":{"175":1}}],["inch",{"2":{"66":1,"67":1}}],["introduction",{"0":{"172":1},"1":{"173":1}}],["int",{"2":{"158":1}}],["interacted",{"2":{"186":1}}],["interaction",{"0":{"204":1},"2":{"197":1}}],["interactions",{"0":{"186":1,"197":1},"2":{"197":1}}],["interacting",{"2":{"188":1}}],["interactive",{"0":{"104":1}}],["intervals",{"2":{"74":1}}],["internally",{"2":{"7":1}}],["indicator",{"2":{"147":1}}],["index=",{"2":{"157":1}}],["index",{"2":{"95":1}}],["info",{"2":{"141":1,"167":1,"222":4}}],["infobarview",{"2":{"142":1}}],["infobar",{"0":{"139":1},"1":{"140":1,"141":1,"142":1},"2":{"139":1,"141":1,"142":1}}],["information",{"0":{"199":1},"2":{"78":1,"141":1,"170":1,"187":1,"199":1,"204":1}}],["instance",{"2":{"178":1,"184":1,"189":1,"195":1,"206":1}}],["installed",{"2":{"167":1,"168":1}}],["installation",{"0":{"167":1},"1":{"168":1,"169":1,"170":1,"171":1},"2":{"169":1}}],["install",{"0":{"94":1,"169":1},"1":{"170":1,"171":1},"2":{"95":1}}],["inside",{"2":{"96":1}}],["input",{"2":{"63":1,"221":1,"222":1}}],["in",{"0":{"95":1},"2":{"0":1,"34":2,"74":1,"111":1,"112":1,"127":2,"131":2,"167":1,"168":1,"175":1,"178":3,"184":2,"185":2,"186":1,"188":3,"189":3,"191":1,"195":2,"196":1,"205":1,"220":1}}],["itself",{"2":{"197":1}}],["item",{"2":{"131":1}}],["items",{"2":{"131":2}}],["items>",{"2":{"109":2,"129":2}}],["itemssource=",{"2":{"53":1}}],["itemssource>",{"2":{"32":2}}],["it",{"0":{"95":1,"210":2},"2":{"0":1,"7":1,"30":1,"131":2,"178":2,"180":1,"184":2,"185":2,"187":1,"188":2,"189":2,"191":2,"195":2,"196":2,"197":1}}],["ci",{"2":{"167":1,"171":1}}],["circle",{"2":{"143":1}}],["circleprogressbar>",{"2":{"145":1}}],["circleprogressbar",{"0":{"143":1},"1":{"144":1,"145":1,"146":1},"2":{"145":1,"146":1}}],["create",{"0":{"210":1},"2":{"197":1}}],["createtoast",{"2":{"194":1,"195":2,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":2}}],["createdialog",{"2":{"183":1,"184":2,"185":1,"186":1}}],["created",{"2":{"112":1}}],["creating",{"2":{"166":1}}],["csmainwindow",{"2":{"183":1,"194":1}}],["cspublic",{"2":{"180":1,"182":1,"184":1,"185":1,"186":1,"191":1,"193":1,"195":1,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1}}],["cs",{"2":{"106":1,"110":1,"126":1,"130":1,"134":1,"142":1,"146":1,"150":1,"161":1,"165":1,"176":2,"204":1}}],["csharpvar",{"2":{"210":1}}],["csharpsukitheme",{"2":{"206":1,"208":1,"209":1,"211":1,"216":1,"217":1,"218":1,"219":1}}],["csharpusing",{"2":{"176":2}}],["csharp",{"2":{"45":1,"158":1}}],["chain",{"2":{"186":1}}],["chained",{"2":{"184":1,"195":1}}],["changed",{"2":{"219":1}}],["changebasetheme",{"2":{"216":1,"217":1}}],["changecolortheme",{"2":{"209":1,"210":1}}],["change",{"2":{"176":1,"211":1,"212":1}}],["changes",{"2":{"105":2}}],["choose",{"2":{"112":1,"180":1,"191":1}}],["choice",{"2":{"69":1}}],["choices",{"2":{"47":1}}],["chips",{"0":{"71":1},"2":{"71":1}}],["checkbox",{"0":{"47":1},"1":{"48":1,"49":1,"50":1},"2":{"49":3}}],["check",{"2":{"5":1,"177":1,"223":1}}],["c",{"0":{"45":1}}],["close",{"2":{"186":3}}],["class",{"2":{"176":4,"180":1,"182":1,"191":1,"193":1,"206":1,"212":1}}],["class=",{"2":{"166":2,"176":2}}],["classic",{"2":{"112":1}}],["classes=",{"2":{"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"71":1,"72":1,"101":1,"102":1,"129":1,"145":1}}],["clear",{"0":{"81":1}}],["clicked",{"2":{"185":1,"186":1,"196":1,"197":2}}],["clicks",{"2":{"185":1}}],["clicking",{"2":{"131":1,"186":1}}],["click",{"2":{"55":1,"59":1,"61":1}}],["clr",{"2":{"44":1,"166":2,"175":1,"176":1,"177":1}}],["capacity",{"2":{"196":1}}],["careful",{"2":{"188":1}}],["cardsview",{"2":{"106":1}}],["card",{"0":{"96":1},"1":{"97":1,"98":1,"99":1,"100":1,"101":1,"102":1,"103":1,"104":1,"105":1,"106":1},"2":{"96":1}}],["cause",{"2":{"187":1,"197":1}}],["callbacks",{"2":{"197":1}}],["callback",{"2":{"186":1}}],["called",{"2":{"184":1,"195":1}}],["calls",{"2":{"184":1,"186":1,"195":1}}],["call",{"2":{"184":1,"186":1,"195":1}}],["calendardatepicker",{"0":{"18":1},"1":{"19":1,"20":1,"21":1},"2":{"20":1}}],["calendar",{"0":{"14":1},"1":{"15":1,"16":1,"17":1},"2":{"16":1}}],["can",{"2":{"0":1,"7":1,"95":1,"96":1,"107":1,"135":1,"139":1,"167":1,"168":1,"169":1,"178":3,"180":1,"184":3,"185":2,"186":4,"189":3,"191":1,"195":3,"196":2,"197":1,"205":1}}],["custom",{"0":{"166":1,"210":1,"222":1},"2":{"7":1,"59":1}}],["currently",{"2":{"184":1,"185":1}}],["currentpage",{"2":{"133":1}}],["current",{"2":{"0":1,"74":1}}],["code",{"0":{"182":1,"193":1}}],["complex",{"0":{"204":1},"2":{"197":1}}],["completely",{"2":{"175":1}}],["compatibility",{"2":{"176":2}}],["compact",{"2":{"129":1}}],["compositionanimations",{"2":{"105":1}}],["community",{"2":{"93":1}}],["commandparameter=",{"2":{"57":2}}],["command=",{"2":{"57":3}}],["com",{"2":{"82":1,"166":4,"176":6}}],["combobox",{"0":{"51":1},"1":{"52":1,"53":1,"54":1},"2":{"53":1}}],["colorchanged",{"0":{"211":1}}],["colors",{"2":{"210":2}}],["color",{"0":{"207":1,"208":1,"209":1,"210":1},"1":{"208":1,"209":1,"210":1,"211":1},"2":{"34":2,"112":1,"207":1,"211":1}}],["collections",{"2":{"177":1}}],["collectionsview",{"2":{"33":1,"54":1}}],["collection",{"2":{"135":1}}],["collecting",{"2":{"47":1,"69":1,"78":1}}],["collapsed",{"2":{"7":1}}],["correctly",{"2":{"7":1}}],["console",{"2":{"197":2,"211":1,"219":1}}],["constructing",{"2":{"184":2,"195":2}}],["construct",{"2":{"184":2,"195":2}}],["const",{"2":{"0":1}}],["convenience",{"2":{"184":1,"195":1}}],["containers",{"0":{"222":1}}],["context",{"2":{"55":1,"178":1,"189":1}}],["contextmenusview",{"2":{"58":1}}],["contextmenu>",{"2":{"57":4}}],["contextmenu",{"0":{"55":1},"1":{"56":1,"57":1,"58":1}}],["contents",{"2":{"135":1}}],["content>",{"2":{"109":6}}],["content=",{"2":{"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"49":3,"61":1,"70":1,"71":1,"72":1,"87":1,"133":1}}],["content",{"2":{"7":2,"9":4,"59":1,"61":1,"99":1,"101":1,"102":1,"103":1,"104":1,"113":1,"116":1,"119":1,"129":3,"131":2,"137":2,"184":1,"186":1,"188":1,"195":1}}],["control",{"0":{"125":1,"135":1},"1":{"136":1,"137":1,"138":1},"2":{"47":1,"51":1,"55":1,"63":1,"69":1,"74":1,"78":1,"96":2,"127":1,"139":1,"188":1}}],["controlslibrary",{"2":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"88":1,"92":1,"106":1,"134":1,"138":1,"142":1,"146":1,"150":1,"154":1,"161":1,"165":1}}],["controls",{"2":{"7":1,"14":1,"18":1,"22":1,"26":1,"57":4,"93":1,"106":1,"110":1,"125":1,"126":1,"130":1,"133":1,"134":1,"142":1,"146":1,"150":1,"161":1,"162":1,"165":1,"172":1,"175":1,"176":3,"188":1}}],["dialog",{"2":{"184":6,"185":3,"186":3,"187":1}}],["dialoghost",{"2":{"181":1}}],["dialogmanager",{"2":{"179":1,"180":1,"182":2,"183":1,"186":1}}],["dialogs",{"0":{"178":1,"184":1,"185":1},"1":{"179":1,"180":1,"181":1,"182":1,"183":1,"184":1,"185":1,"186":1,"187":1},"2":{"178":3,"184":2,"185":3,"186":1}}],["directparents",{"2":{"177":1}}],["dispose",{"2":{"204":1}}],["dispatcher",{"2":{"204":1}}],["displaytoast",{"2":{"195":1,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1}}],["displaydialog",{"2":{"184":1,"185":1,"186":1}}],["displayed",{"2":{"184":1,"191":1,"195":1}}],["displays",{"2":{"139":1}}],["display",{"2":{"135":1,"164":1,"178":2,"184":2,"189":2,"195":3}}],["displaying",{"0":{"184":1,"195":1},"2":{"14":1,"74":1}}],["discussed",{"2":{"185":1}}],["discussion",{"2":{"177":1}}],["dismissonclick",{"2":{"186":1}}],["dismiss",{"2":{"185":3,"186":1,"196":3,"197":2,"204":1}}],["dismissal",{"2":{"185":2,"196":2}}],["dismissed",{"2":{"185":3,"196":4,"197":3}}],["dismissing",{"0":{"185":1,"196":1},"2":{"185":1}}],["distinct",{"2":{"112":1}}],["disabled",{"2":{"57":3}}],["d=",{"2":{"176":2}}],["dll",{"2":{"169":1,"171":1,"177":1}}],["dynamically",{"2":{"112":1}}],["details",{"2":{"222":4}}],["declare",{"2":{"188":1}}],["decided",{"2":{"93":1}}],["desired",{"2":{"184":1,"195":1}}],["designed",{"2":{"178":1,"189":1}}],["design",{"2":{"112":1}}],["definitions",{"2":{"179":1,"181":1,"188":1,"190":1,"192":1}}],["defaultfontfamily",{"2":{"166":2}}],["default",{"2":{"105":1,"131":1,"166":4,"168":1,"175":1,"185":1,"188":1,"196":1,"221":2}}],["demo",{"2":{"10":2,"17":2,"21":2,"25":2,"29":2,"33":2,"46":2,"50":2,"54":2,"58":2,"62":2,"68":2,"73":2,"77":2,"84":2,"88":2,"92":2,"106":2,"110":2,"126":2,"130":2,"134":2,"138":2,"142":2,"146":2,"150":2,"154":2,"161":2,"165":2}}],["demonstrates",{"2":{"0":1,"220":1}}],["dropdownbutton>",{"2":{"61":1}}],["dropdownbutton",{"0":{"59":1},"1":{"60":1,"61":1,"62":1},"2":{"59":1,"61":3}}],["dangerous",{"2":{"222":2}}],["danger",{"2":{"222":2}}],["darkblue",{"2":{"210":1}}],["dark",{"0":{"98":1,"114":1,"117":1,"120":1,"212":1,"214":1,"216":1,"218":1},"1":{"213":1,"214":1,"215":1,"216":1,"217":1,"218":1,"219":1},"2":{"166":2,"212":1,"216":1}}],["dashboardview",{"2":{"84":1}}],["dashboard",{"2":{"84":1}}],["day",{"2":{"26":1}}],["datepicker",{"0":{"22":1},"1":{"23":1,"24":1,"25":1},"2":{"24":1}}],["date",{"2":{"14":1,"18":1,"22":1,"177":1}}],["datatemplates>",{"2":{"166":4}}],["dataset",{"2":{"51":1}}],["data",{"0":{"2":1,"3":1},"2":{"0":3,"14":1,"18":1,"22":1,"221":2}}],["don",{"2":{"186":1}}],["done",{"0":{"177":1},"2":{"170":1}}],["do",{"2":{"175":1,"180":1,"191":1}}],["dotnet",{"2":{"170":1}}],["document",{"2":{"205":1}}],["documentation",{"0":{"205":1},"2":{"5":1,"112":1,"205":1,"223":1}}],["docking",{"2":{"93":1}}],["dock",{"0":{"93":1,"94":1},"1":{"94":1,"95":1},"2":{"93":1,"95":2}}],["downgrade",{"2":{"177":1}}],["downloaded",{"2":{"171":1}}],["download",{"2":{"169":1,"171":1}}],["down",{"2":{"9":3}}],["syntax",{"0":{"221":1},"2":{"221":1}}],["system",{"2":{"32":17,"166":2,"177":3,"212":1}}],["shiki",{"2":{"221":1}}],["ships",{"2":{"188":1}}],["should",{"2":{"171":1}}],["showupdatingtoast",{"2":{"204":2}}],["showactiontoast",{"2":{"204":1}}],["shown",{"2":{"184":1}}],["shows",{"2":{"168":1}}],["showbuttonspinner=",{"2":{"67":1}}],["showprogresstext",{"2":{"204":1}}],["showprogresstext=",{"2":{"153":1}}],["showprogress",{"2":{"45":1}}],["showprogress=",{"2":{"44":1}}],["show",{"0":{"8":1,"15":1,"19":1,"23":1,"27":1,"31":1,"48":1,"52":1,"56":1,"60":1,"75":1,"86":1,"90":1,"108":1,"128":1,"132":1,"136":1,"140":1,"144":1,"148":1,"152":1,"163":1},"2":{"125":1,"139":1,"145":1,"184":1}}],["showing",{"2":{"7":1}}],["switchbasetheme",{"2":{"218":1}}],["switchcolortheme",{"2":{"208":1}}],["switch",{"0":{"208":1,"209":1,"210":1,"216":1,"217":1,"218":1},"2":{"207":1}}],["switches",{"2":{"172":1}}],["switching",{"2":{"85":1,"89":1}}],["schemas",{"2":{"166":2,"176":6}}],["script>",{"2":{"0":1}}],["script",{"2":{"0":1}}],["specific",{"0":{"209":1},"2":{"139":1,"186":1}}],["spinner",{"0":{"67":1}}],["solution",{"2":{"180":1,"191":1}}],["solutions",{"2":{"177":1}}],["source=",{"2":{"95":1}}],["some",{"2":{"0":1,"186":1,"220":1}}],["slider",{"0":{"74":1},"1":{"75":1,"76":1,"77":1},"2":{"76":1}}],["s",{"2":{"34":1,"47":1,"69":1,"131":2,"184":1,"185":1,"195":1,"196":1,"197":1,"205":1}}],["store",{"2":{"173":1}}],["step",{"2":{"158":3}}],["stepindex",{"2":{"157":1,"158":1}}],["steps=",{"2":{"157":1}}],["steps",{"2":{"155":1,"157":1,"158":1,"177":1}}],["stepper",{"0":{"155":1},"1":{"156":1,"157":1,"158":1,"159":1,"160":1,"161":1},"2":{"157":1,"160":1,"161":1}}],["strokewidth=",{"2":{"145":1}}],["stringformat=",{"2":{"145":1}}],["string>china",{"2":{"32":1}}],["string>belgium",{"2":{"32":1}}],["string>germany",{"2":{"32":1}}],["string>england",{"2":{"32":1}}],["string>france",{"2":{"32":1}}],["string>",{"2":{"32":8,"158":1}}],["string>usa",{"2":{"32":3}}],["string",{"2":{"32":1}}],["strings",{"2":{"32":1}}],["style",{"0":{"100":1,"112":1,"159":1,"187":1},"1":{"101":1,"102":1,"103":1,"104":1,"160":1},"2":{"184":1,"187":1,"195":1}}],["styleinclude",{"2":{"95":1}}],["styles>",{"2":{"166":4,"175":2}}],["styles",{"0":{"35":1},"1":{"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1},"2":{"7":1,"34":1,"175":1,"187":1}}],["start",{"2":{"204":1}}],["standalone",{"2":{"185":1}}],["standard",{"0":{"36":1},"2":{"34":1,"178":1,"189":1}}],["static",{"2":{"182":1,"193":1}}],["states",{"2":{"85":1,"89":1}}],["stackpageview",{"2":{"134":1}}],["stackpage",{"2":{"131":2,"134":1}}],["stack",{"0":{"131":1},"1":{"132":1,"133":1,"134":1},"2":{"131":3}}],["supplied",{"2":{"186":1}}],["such",{"2":{"178":1,"189":1}}],["success",{"0":{"200":1},"2":{"141":1,"187":1,"200":1}}],["suitable",{"2":{"169":1}}],["submit",{"2":{"205":1}}],["submenu",{"2":{"57":2}}],["sub",{"2":{"57":1}}],["suggested",{"2":{"32":1}}],["sukicolortheme",{"2":{"210":1}}],["sukicolor",{"2":{"209":1}}],["sukidialogmanager",{"2":{"180":1,"182":1}}],["sukidialoghost",{"2":{"178":1,"179":1,"181":1,"188":1}}],["sukitoastmanager",{"2":{"193":1}}],["sukitoasthost",{"2":{"188":1,"189":1,"190":1,"192":1,"196":1}}],["sukitheme",{"2":{"166":2,"175":1,"177":1,"206":3,"207":1,"210":2,"212":1}}],["sukitest",{"2":{"166":4,"176":4}}],["sukistackpage",{"2":{"133":1,"134":1}}],["sukisidemenu>",{"2":{"129":1}}],["sukisidemenuitem>",{"2":{"129":1}}],["sukisidemenuitem",{"2":{"129":5}}],["sukisidemenu",{"0":{"127":1},"1":{"128":1,"129":1,"130":1},"2":{"127":1,"129":7,"130":1}}],["sukiwindow>",{"2":{"176":1,"179":2,"181":2,"188":2,"190":2,"192":2}}],["sukiwindow",{"0":{"111":1,"176":1},"1":{"112":1,"113":1,"114":1,"115":1,"116":1,"117":1,"118":1,"119":1,"120":1,"121":1,"122":1,"123":1,"124":1,"125":1,"126":1},"2":{"111":1,"113":2,"116":2,"119":2,"123":2,"124":4,"125":2,"126":1,"176":3,"177":2,"178":1,"179":2,"181":2,"182":1,"188":5,"189":1,"190":2,"192":2,"193":1}}],["sukiui=",{"2":{"166":2,"175":1,"176":1}}],["sukiuidemoview",{"2":{"126":1,"130":1}}],["sukiui",{"0":{"94":1,"169":1},"1":{"170":1,"171":1},"2":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"34":1,"44":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"84":1,"88":1,"92":1,"95":2,"106":1,"110":1,"111":1,"112":1,"126":1,"127":1,"130":1,"134":1,"138":1,"142":1,"146":1,"150":1,"154":1,"161":1,"165":1,"166":5,"167":2,"170":2,"171":2,"172":1,"175":3,"176":4,"177":3,"178":1,"188":2,"189":1,"205":1,"206":1,"212":1}}],["suki",{"2":{"6":2,"11":2,"109":17,"113":2,"116":2,"119":2,"123":2,"124":4,"125":2,"129":14,"141":1,"145":2,"149":1,"157":1,"160":1,"164":1,"179":5,"181":5,"188":5,"190":5,"192":5}}],["section",{"2":{"185":1}}],["seconds",{"2":{"196":1,"197":1}}],["second",{"2":{"158":1}}],["self",{"2":{"184":1,"195":1}}],["select",{"2":{"171":2}}],["selecting",{"2":{"51":1}}],["selecteditem=",{"2":{"53":1}}],["selectedtime",{"2":{"28":1}}],["selectedtime=",{"2":{"28":1}}],["selecteddatetimeoffset",{"2":{"20":1,"24":1}}],["selecteddatetime",{"2":{"16":1}}],["selecteddate=",{"2":{"16":1,"20":1,"24":1}}],["severity=",{"2":{"141":1}}],["severity",{"2":{"139":1,"141":1}}],["several",{"2":{"135":1}}],["setup",{"2":{"178":1,"189":1}}],["setup>",{"2":{"0":1}}],["settingslayoutitem>",{"2":{"109":3}}],["settingslayoutitem",{"2":{"109":10}}],["settingslayout>",{"2":{"109":2}}],["settingslayout",{"2":{"107":1,"109":2,"110":1}}],["settings",{"0":{"107":1},"1":{"108":1,"109":1,"110":1},"2":{"107":1,"109":3}}],["set",{"2":{"105":1,"131":2,"166":1,"168":1,"175":2,"186":1,"191":1}}],["separator",{"2":{"57":1}}],["seen",{"2":{"184":1,"195":1}}],["see",{"0":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"84":1,"88":1,"92":1,"106":1,"110":1,"126":1,"130":1,"134":1,"138":1,"142":1,"146":1,"150":1,"154":1,"161":1,"165":1}}],["sidebar",{"2":{"205":1}}],["simply",{"2":{"131":1,"178":1,"186":1,"189":1}}],["simpler",{"2":{"180":1,"191":1}}],["simple",{"0":{"65":1,"80":1},"2":{"96":1,"178":1,"184":2,"189":1,"195":2}}],["similar",{"2":{"127":1,"177":1}}],["size",{"2":{"7":1,"105":1}}],["site",{"2":{"0":1,"205":1}}],["amp",{"0":{"212":1},"1":{"213":1,"214":1,"215":1,"216":1,"217":1,"218":1,"219":1}}],["above",{"2":{"184":1,"188":1,"195":1}}],["about",{"2":{"168":1}}],["attempt",{"2":{"184":1}}],["at",{"2":{"178":1,"185":1,"189":1,"196":2}}],["arbitrary",{"2":{"188":1}}],["artifact",{"2":{"171":1}}],["artifacts",{"2":{"167":1}}],["are",{"2":{"93":1,"105":2,"112":1,"166":2,"177":1,"184":1,"187":1,"188":1,"195":1,"196":1,"197":2}}],["area",{"2":{"7":1}}],["action",{"0":{"171":1},"2":{"166":1,"167":1,"169":1,"171":1,"177":1,"185":1}}],["accent",{"0":{"41":1,"102":1},"2":{"34":1,"41":1,"102":1}}],["access",{"2":{"0":1,"178":1,"189":1}}],["after",{"2":{"166":1,"169":1,"196":2,"197":2}}],["automatic",{"2":{"169":1}}],["automatically",{"2":{"105":1,"131":1}}],["autocomplete",{"2":{"30":1}}],["autocompletebox>",{"2":{"32":2}}],["autocompletebox",{"0":{"30":1},"1":{"31":1,"32":1,"33":1},"2":{"32":2}}],["avalonia",{"2":{"167":1,"168":3,"172":1,"176":1,"177":3}}],["avaloniaresource",{"2":{"166":1}}],["avaloniaui",{"2":{"166":2,"176":2,"212":1}}],["avares",{"2":{"95":1}}],["available",{"0":{"208":1},"2":{"34":1,"135":1,"166":2,"204":2}}],["applications",{"2":{"172":1}}],["application>",{"2":{"166":2,"175":1}}],["application",{"0":{"168":1},"2":{"166":12,"175":3,"178":1,"189":1}}],["apps",{"2":{"111":1}}],["app",{"0":{"95":1,"175":1},"2":{"166":3,"173":1,"175":1,"177":1,"206":1,"207":1}}],["apis",{"2":{"0":1,"5":1,"188":1}}],["api",{"0":{"0":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1},"2":{"0":1,"106":1,"110":1,"126":1,"130":1,"134":1,"142":1,"146":1,"150":1,"161":1,"165":1}}],["associated",{"2":{"184":1,"188":1,"195":1}}],["assets",{"2":{"166":2}}],["assembly=sukiui",{"2":{"44":1,"166":2,"175":1,"176":1,"177":1}}],["assuming",{"2":{"166":1}}],["asked",{"2":{"93":1}}],["as",{"0":{"176":1},"2":{"93":1,"111":1,"178":5,"184":1,"189":5,"195":1}}],["advise",{"2":{"177":1}}],["advice",{"2":{"30":1}}],["additional",{"2":{"221":1}}],["addcolortheme",{"2":{"210":1}}],["adddeletebutton=",{"2":{"81":1}}],["add",{"2":{"55":1,"170":1,"171":1,"185":1,"186":1,"196":1}}],["axaml",{"0":{"44":1,"95":1,"157":1,"160":1,"175":1,"181":1,"192":1},"2":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"84":1,"88":1,"92":1,"95":1,"106":2,"110":2,"126":2,"130":2,"134":2,"138":1,"142":2,"146":2,"150":2,"154":1,"161":2,"165":2,"166":1,"175":1,"176":4}}],["already",{"2":{"131":1,"168":1}}],["alternativestyle=",{"2":{"160":1}}],["alternative",{"0":{"100":1,"159":1},"1":{"101":1,"102":1,"103":1,"104":1,"160":1}}],["also",{"0":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"84":1,"88":1,"92":1,"106":1,"110":1,"126":1,"130":1,"134":1,"138":1,"142":1,"146":1,"150":1,"154":1,"161":1,"165":1},"2":{"34":1,"131":1,"197":1}}],["allows",{"2":{"141":1,"188":1,"207":1}}],["all",{"2":{"7":1,"188":1}}],["an",{"2":{"131":1,"168":1,"184":1,"185":2,"186":2,"187":1,"195":1,"196":2,"197":1,"204":2,"222":2}}],["any",{"2":{"7":1,"96":1,"175":1,"178":1,"186":2,"188":1,"189":1,"191":1,"197":1}}],["animated",{"2":{"105":2,"172":1}}],["animate",{"2":{"7":1}}],["animations",{"0":{"105":1}}],["animation",{"2":{"7":1,"162":1}}],["and",{"0":{"210":1},"2":{"0":2,"7":2,"74":1,"95":1,"105":1,"139":1,"166":1,"168":1,"172":1,"175":2,"177":4,"178":1,"184":2,"186":1,"187":1,"188":3,"189":1,"195":2,"197":1}}],["a",{"0":{"209":1,"210":1},"2":{"7":1,"26":1,"34":1,"47":1,"51":2,"55":2,"63":1,"69":1,"70":1,"74":1,"78":1,"93":1,"96":1,"107":1,"135":1,"139":2,"155":2,"166":1,"172":1,"175":1,"178":4,"180":1,"184":4,"185":2,"186":2,"188":1,"189":4,"191":1,"195":4,"196":3,"197":3,"206":1,"212":1,"222":8}}],["t",{"2":{"186":1}}],["types",{"0":{"198":1},"1":{"199":1,"200":1,"201":1,"202":1}}],["type",{"2":{"177":1}}],["typearguments=",{"2":{"32":1,"109":1}}],["template",{"2":{"168":2}}],["text=",{"2":{"80":1,"81":1,"82":1,"83":1,"145":1}}],["text",{"2":{"30":1}}],["textblock",{"2":{"145":1}}],["textblock>",{"2":{"9":4}}],["textblock>some",{"2":{"9":4}}],["textboxextensions",{"2":{"81":1,"82":1}}],["textbox",{"0":{"78":1},"1":{"79":1,"80":1,"81":1,"82":1,"83":1,"84":1},"2":{"30":1,"80":1,"81":1,"82":1,"83":1}}],["ttf",{"2":{"166":1}}],["task",{"2":{"155":1}}],["tabitem>",{"2":{"137":2}}],["tabitem",{"2":{"137":2}}],["tabstripplacement",{"2":{"135":1}}],["tabs",{"2":{"135":1}}],["tabcontrolview",{"2":{"138":1}}],["tabcontrol>",{"2":{"137":2}}],["tabcontrol",{"2":{"135":1,"138":1}}],["tab",{"0":{"135":1},"1":{"136":1,"137":1,"138":1},"2":{"137":2}}],["two",{"2":{"49":1,"85":1,"89":1,"167":1,"177":1,"186":1,"188":1}}],["tryshow",{"2":{"183":1,"184":2,"185":1,"186":1}}],["try",{"2":{"177":1}}],["transparent",{"2":{"175":1}}],["triggered",{"2":{"55":1,"211":1,"219":1}}],["true",{"2":{"44":1,"49":2,"57":1,"70":1,"71":1,"72":1,"76":1,"81":1,"91":1,"103":1,"104":1,"105":1,"124":1,"129":1,"160":1,"186":2,"197":1,"203":1,"204":3}}],["treeview",{"0":{"13":1}}],["tip",{"2":{"135":1,"168":1,"170":1,"171":1,"222":4}}],["tickfrequency=",{"2":{"76":1}}],["timer",{"2":{"204":5}}],["times",{"2":{"197":1}}],["timespan",{"2":{"196":1,"197":1}}],["time",{"2":{"26":1}}],["timepicker",{"0":{"26":1},"1":{"27":1,"28":1,"29":1},"2":{"28":1}}],["title=",{"2":{"141":1}}],["titlebar",{"0":{"125":1}}],["title",{"2":{"11":1,"125":1,"129":1,"188":1}}],["toast",{"0":{"198":1,"203":1},"1":{"199":1,"200":1,"201":1,"202":1},"2":{"195":6,"196":4,"197":5,"204":3}}],["toastmanager",{"2":{"190":1,"191":1,"192":1,"193":2,"194":1,"204":3}}],["toasts",{"0":{"189":1,"195":1,"196":1},"1":{"190":1,"191":1,"192":1,"193":1,"194":1,"195":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1},"2":{"189":3,"191":1,"195":2,"196":2,"197":2}}],["toggleswitch",{"0":{"89":1},"1":{"90":1,"91":1,"92":1},"2":{"91":1}}],["togglesview",{"2":{"50":1,"73":1,"88":1,"92":1}}],["toggle",{"2":{"87":1}}],["togglebutton",{"0":{"85":1},"1":{"86":1,"87":1,"88":1},"2":{"87":1}}],["to",{"0":{"166":1,"209":1,"210":1,"216":1,"217":1},"2":{"0":1,"7":1,"30":1,"61":1,"93":1,"105":1,"112":3,"127":1,"131":4,"135":1,"139":2,"166":1,"169":1,"173":2,"176":1,"177":5,"178":2,"180":2,"184":8,"185":4,"186":4,"187":3,"188":2,"189":2,"191":4,"195":7,"196":6,"197":2,"205":3,"206":1,"207":1,"212":1}}],["than",{"2":{"196":2}}],["that",{"2":{"96":1,"112":1,"131":2,"135":1,"139":1,"155":1,"166":2,"177":1,"180":1,"184":1,"186":1,"188":1,"191":1,"195":1,"206":1}}],["third",{"2":{"158":1}}],["this",{"2":{"0":1,"112":1,"167":1,"178":1,"180":1,"186":1,"189":1,"191":1,"197":1,"205":1,"220":1,"222":10}}],["through",{"2":{"107":1,"155":1}}],["three",{"2":{"49":1}}],["these",{"2":{"168":1,"184":1,"188":1,"195":1,"197":1}}],["then",{"2":{"166":1,"180":1,"191":1}}],["therefore",{"2":{"184":1,"195":1}}],["there",{"2":{"166":1,"177":1}}],["them",{"2":{"188":1}}],["themingview",{"2":{"110":1}}],["theming",{"2":{"110":1,"177":1,"206":1}}],["themechanged",{"0":{"219":1}}],["themecolor",{"2":{"175":1}}],["themecolor=",{"2":{"166":2,"175":1}}],["themes",{"2":{"168":1,"207":1}}],["themevariant",{"2":{"166":2,"216":1,"217":1}}],["theme=",{"2":{"44":1}}],["theme",{"0":{"2":1,"97":1,"98":1,"99":1,"208":1,"209":1,"210":1,"213":1,"216":1,"217":1,"218":1},"1":{"98":1,"99":1,"214":1,"215":1},"2":{"0":4,"2":1,"34":1,"44":2,"66":1,"67":1,"81":1,"82":1,"93":1,"112":1,"166":2,"172":1,"175":1,"177":1,"206":1,"211":2,"212":2,"219":1}}],["the",{"2":{"0":3,"5":2,"34":2,"59":2,"69":1,"93":1,"95":1,"105":2,"107":2,"111":1,"112":5,"125":1,"127":1,"131":6,"135":1,"139":1,"155":1,"164":1,"166":3,"167":1,"168":2,"169":4,"171":3,"172":1,"173":1,"175":1,"177":7,"178":3,"184":7,"185":9,"186":5,"187":3,"188":1,"189":3,"191":1,"195":7,"196":4,"197":4,"205":1,"206":2,"212":2,"220":1,"223":2}}],["brevity",{"2":{"179":1,"181":1,"188":1,"190":1,"192":1}}],["block",{"2":{"222":2}}],["blend",{"2":{"176":2}}],["blue",{"2":{"112":1,"166":2,"175":1}}],["bar",{"2":{"125":1,"143":1,"151":1,"155":1,"188":1}}],["backgroundstyle=",{"2":{"113":1,"116":1,"119":1}}],["background",{"0":{"112":1},"2":{"112":3,"185":1}}],["background=",{"2":{"109":3}}],["basis",{"2":{"111":1}}],["basic",{"0":{"40":1,"206":1},"2":{"40":1,"197":1}}],["base",{"0":{"70":1}}],["box",{"2":{"222":2}}],["border",{"2":{"109":3}}],["both",{"2":{"0":1,"34":1}}],["built",{"2":{"220":1}}],["builder",{"2":{"184":1,"195":1}}],["build",{"2":{"166":1,"169":2,"177":1}}],["building",{"2":{"111":1}}],["bubble",{"0":{"113":1},"1":{"114":1,"115":1},"2":{"112":1,"113":1}}],["but",{"2":{"34":1,"169":1,"197":1}}],["buttons",{"2":{"185":1,"186":2}}],["buttonsview",{"2":{"46":1}}],["buttonextensions",{"2":{"44":1}}],["button>",{"2":{"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"44":1}}],["button",{"0":{"34":1,"43":1,"81":1},"1":{"35":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"43":1,"44":2,"45":2,"46":1},"2":{"34":1,"36":2,"37":2,"38":2,"39":2,"40":2,"41":2,"42":2,"44":1,"186":2,"197":2}}],["busy",{"0":{"43":1},"1":{"44":1,"45":1},"2":{"6":1}}],["busytext=",{"2":{"6":1}}],["busyarea>",{"2":{"6":1}}],["busyarea",{"0":{"6":1},"2":{"6":1}}],["binding",{"2":{"6":1,"16":1,"20":1,"24":1,"28":1,"53":2,"57":3,"76":1,"133":1,"141":3,"145":4,"153":3,"157":2,"164":2,"179":1,"190":1}}],["beyond",{"2":{"197":1}}],["being",{"2":{"196":1}}],["begin",{"2":{"184":1,"195":1}}],["behind",{"0":{"182":1,"193":1}}],["behaviour",{"2":{"7":1}}],["best",{"2":{"178":1,"189":1}}],["beta",{"2":{"177":1}}],["beta8",{"2":{"167":1}}],["beta1",{"2":{"167":1}}],["between",{"0":{"208":1,"218":1},"2":{"85":1,"89":1,"112":1}}],["be",{"2":{"0":1,"7":1,"30":1,"135":1,"139":1,"167":1,"168":2,"171":1,"175":1,"178":2,"184":4,"185":3,"186":4,"188":1,"189":2,"195":4,"196":3,"197":3}}],["byclicking",{"2":{"196":1}}],["byclickingbackground",{"2":{"185":2}}],["by",{"2":{"0":1,"93":1,"105":2,"175":1,"185":2,"186":1,"188":1,"196":2,"212":1,"220":1,"221":1}}],["purple",{"2":{"210":2}}],["purpletheme",{"2":{"210":3}}],["public",{"2":{"158":1,"176":4}}],["powered",{"2":{"221":1}}],["point",{"2":{"185":1,"196":2}}],["possible",{"2":{"177":1,"187":1,"191":1,"196":1,"197":1}}],["pop",{"2":{"59":1}}],["please",{"2":{"177":1,"188":1}}],["picture",{"2":{"168":1}}],["picking",{"2":{"18":1,"22":1,"26":1}}],["permits",{"2":{"206":1}}],["percentage",{"2":{"145":1,"164":1}}],["perfect",{"2":{"112":1}}],["pair",{"2":{"197":1}}],["parameter",{"2":{"186":2}}],["partial",{"2":{"176":2}}],["part",{"2":{"109":2}}],["part1",{"2":{"109":1}}],["packages",{"2":{"168":2}}],["package",{"0":{"94":1,"169":1},"1":{"170":1,"171":1},"2":{"170":1,"171":1}}],["pathicon",{"2":{"57":2}}],["pages",{"2":{"129":1,"188":1,"205":1}}],["pagecontent>",{"2":{"129":2}}],["page",{"0":{"3":1,"4":1,"131":1},"1":{"132":1,"133":1,"134":1},"2":{"0":7,"3":1,"129":2,"167":1,"177":2,"220":1}}],["private",{"2":{"158":1,"204":2}}],["primary",{"0":{"101":1},"2":{"34":1,"101":1}}],["prepare",{"0":{"168":1}}],["present",{"2":{"96":1,"107":1}}],["prefix=",{"2":{"82":1}}],["prefix",{"0":{"82":1}}],["pre>",{"2":{"0":6}}],["proceed",{"2":{"177":1}}],["project",{"2":{"166":1}}],["progressbar",{"0":{"151":1},"1":{"152":1,"153":1,"154":1},"2":{"153":1,"204":1}}],["progressvalue",{"2":{"145":2,"153":1,"164":1}}],["progressview",{"2":{"77":1,"146":1,"150":1,"154":1,"161":1,"165":1}}],["progress",{"2":{"143":1,"151":1,"162":1,"204":4}}],["provide",{"2":{"185":1,"196":1,"206":1,"212":1}}],["provides",{"2":{"135":1,"178":2,"188":1,"189":2,"221":1}}],["provided",{"2":{"0":1,"78":1,"184":1,"195":1,"197":1,"212":1,"220":1}}],["property",{"2":{"105":1,"131":1,"135":1,"141":1,"188":1}}]],"serializationVersion":2}';export{t as default};
+const t='{"documentCount":224,"nextId":224,"documentIds":{"0":"/SukiUI/api-examples.html#runtime-api-examples","1":"/SukiUI/api-examples.html#results","2":"/SukiUI/api-examples.html#theme-data","3":"/SukiUI/api-examples.html#page-data","4":"/SukiUI/api-examples.html#page-frontmatter","5":"/SukiUI/api-examples.html#more","6":"/SukiUI/documentation/controls/data/busyarea.html#busyarea","7":"/SukiUI/documentation/controls/data/expander.html#expander","8":"/SukiUI/documentation/controls/data/expander.html#show","9":"/SukiUI/documentation/controls/data/expander.html#example","10":"/SukiUI/documentation/controls/data/expander.html#see-also","11":"/SukiUI/documentation/controls/data/groupbox.html#groupbox","12":"/SukiUI/documentation/controls/data/listbox.html#listbox","13":"/SukiUI/documentation/controls/data/treeview.html#treeview","14":"/SukiUI/documentation/controls/datetime/calendar.html#calendar","15":"/SukiUI/documentation/controls/datetime/calendar.html#show","16":"/SukiUI/documentation/controls/datetime/calendar.html#example","17":"/SukiUI/documentation/controls/datetime/calendar.html#see-also","18":"/SukiUI/documentation/controls/datetime/datepicker.html#datepicker","19":"/SukiUI/documentation/controls/datetime/datepicker.html#show","20":"/SukiUI/documentation/controls/datetime/datepicker.html#example","21":"/SukiUI/documentation/controls/datetime/datepicker.html#see-also","22":"/SukiUI/documentation/controls/datetime/calendardatepicker.html#calendardatepicker","23":"/SukiUI/documentation/controls/datetime/calendardatepicker.html#show","24":"/SukiUI/documentation/controls/datetime/calendardatepicker.html#example","25":"/SukiUI/documentation/controls/datetime/calendardatepicker.html#see-also","26":"/SukiUI/documentation/controls/datetime/timepicker.html#timepicker","27":"/SukiUI/documentation/controls/datetime/timepicker.html#show","28":"/SukiUI/documentation/controls/datetime/timepicker.html#example","29":"/SukiUI/documentation/controls/datetime/timepicker.html#see-also","30":"/SukiUI/documentation/controls/inputs/autocompletebox.html#autocompletebox","31":"/SukiUI/documentation/controls/inputs/autocompletebox.html#show","32":"/SukiUI/documentation/controls/inputs/autocompletebox.html#example","33":"/SukiUI/documentation/controls/inputs/autocompletebox.html#see-also","34":"/SukiUI/documentation/controls/inputs/button.html#button","35":"/SukiUI/documentation/controls/inputs/button.html#styles","36":"/SukiUI/documentation/controls/inputs/button.html#standard","37":"/SukiUI/documentation/controls/inputs/button.html#flat","38":"/SukiUI/documentation/controls/inputs/button.html#rounded","39":"/SukiUI/documentation/controls/inputs/button.html#outlined","40":"/SukiUI/documentation/controls/inputs/button.html#basic","41":"/SukiUI/documentation/controls/inputs/button.html#flat-accent","42":"/SukiUI/documentation/controls/inputs/button.html#large","43":"/SukiUI/documentation/controls/inputs/button.html#busy-loading-button","44":"/SukiUI/documentation/controls/inputs/button.html#axaml","45":"/SukiUI/documentation/controls/inputs/button.html#c","46":"/SukiUI/documentation/controls/inputs/button.html#see-also","47":"/SukiUI/documentation/controls/inputs/combobox.html#combobox","48":"/SukiUI/documentation/controls/inputs/combobox.html#show","49":"/SukiUI/documentation/controls/inputs/combobox.html#example","50":"/SukiUI/documentation/controls/inputs/combobox.html#see-also","51":"/SukiUI/documentation/controls/inputs/checkbox.html#checkbox","52":"/SukiUI/documentation/controls/inputs/checkbox.html#show","53":"/SukiUI/documentation/controls/inputs/checkbox.html#example","54":"/SukiUI/documentation/controls/inputs/checkbox.html#see-also","55":"/SukiUI/documentation/controls/inputs/contextmenu.html#contextmenu","56":"/SukiUI/documentation/controls/inputs/contextmenu.html#show","57":"/SukiUI/documentation/controls/inputs/contextmenu.html#example","58":"/SukiUI/documentation/controls/inputs/contextmenu.html#see-also","59":"/SukiUI/documentation/controls/inputs/dropdownbutton.html#dropdownbutton","60":"/SukiUI/documentation/controls/inputs/dropdownbutton.html#show","61":"/SukiUI/documentation/controls/inputs/dropdownbutton.html#example","62":"/SukiUI/documentation/controls/inputs/dropdownbutton.html#see-also","63":"/SukiUI/documentation/controls/inputs/numericupdown.html#numericupdown","64":"/SukiUI/documentation/controls/inputs/numericupdown.html#examples","65":"/SukiUI/documentation/controls/inputs/numericupdown.html#simple","66":"/SukiUI/documentation/controls/inputs/numericupdown.html#extension","67":"/SukiUI/documentation/controls/inputs/numericupdown.html#no-spinner","68":"/SukiUI/documentation/controls/inputs/numericupdown.html#see-also","69":"/SukiUI/documentation/controls/inputs/radiobutton.html#radiobutton","70":"/SukiUI/documentation/controls/inputs/radiobutton.html#base","71":"/SukiUI/documentation/controls/inputs/radiobutton.html#chips","72":"/SukiUI/documentation/controls/inputs/radiobutton.html#gigachips","73":"/SukiUI/documentation/controls/inputs/radiobutton.html#see-also","74":"/SukiUI/documentation/controls/inputs/slider.html#slider","75":"/SukiUI/documentation/controls/inputs/slider.html#show","76":"/SukiUI/documentation/controls/inputs/slider.html#example","77":"/SukiUI/documentation/controls/inputs/slider.html#see-also","78":"/SukiUI/documentation/controls/inputs/textbox.html#textbox","79":"/SukiUI/documentation/controls/inputs/textbox.html#examples","80":"/SukiUI/documentation/controls/inputs/textbox.html#simple","81":"/SukiUI/documentation/controls/inputs/textbox.html#clear-button","82":"/SukiUI/documentation/controls/inputs/textbox.html#prefix","83":"/SukiUI/documentation/controls/inputs/textbox.html#watermark","84":"/SukiUI/documentation/controls/inputs/textbox.html#see-also","85":"/SukiUI/documentation/controls/inputs/togglebutton.html#togglebutton","86":"/SukiUI/documentation/controls/inputs/togglebutton.html#show","87":"/SukiUI/documentation/controls/inputs/togglebutton.html#example","88":"/SukiUI/documentation/controls/inputs/togglebutton.html#see-also","89":"/SukiUI/documentation/controls/inputs/toggleswitch.html#toggleswitch","90":"/SukiUI/documentation/controls/inputs/toggleswitch.html#show","91":"/SukiUI/documentation/controls/inputs/toggleswitch.html#example","92":"/SukiUI/documentation/controls/inputs/toggleswitch.html#see-also","93":"/SukiUI/documentation/controls/layout/dock.html#dock","94":"/SukiUI/documentation/controls/layout/dock.html#install-sukiui-dock-nuget-package","95":"/SukiUI/documentation/controls/layout/dock.html#reference-it-in-your-app-axaml","96":"/SukiUI/documentation/controls/layout/glasscard.html#glass-card","97":"/SukiUI/documentation/controls/layout/glasscard.html#theme","98":"/SukiUI/documentation/controls/layout/glasscard.html#dark-theme","99":"/SukiUI/documentation/controls/layout/glasscard.html#light-theme","100":"/SukiUI/documentation/controls/layout/glasscard.html#alternative-style","101":"/SukiUI/documentation/controls/layout/glasscard.html#primary","102":"/SukiUI/documentation/controls/layout/glasscard.html#accent","103":"/SukiUI/documentation/controls/layout/glasscard.html#opaque","104":"/SukiUI/documentation/controls/layout/glasscard.html#interactive","105":"/SukiUI/documentation/controls/layout/glasscard.html#animations","106":"/SukiUI/documentation/controls/layout/glasscard.html#see-also","107":"/SukiUI/documentation/controls/layout/settingslayout.html#settings-layout","108":"/SukiUI/documentation/controls/layout/settingslayout.html#show","109":"/SukiUI/documentation/controls/layout/settingslayout.html#example","110":"/SukiUI/documentation/controls/layout/settingslayout.html#see-also","111":"/SukiUI/documentation/controls/layout/sukiwindow.html#sukiwindow","112":"/SukiUI/documentation/controls/layout/sukiwindow.html#background-style","113":"/SukiUI/documentation/controls/layout/sukiwindow.html#bubble","114":"/SukiUI/documentation/controls/layout/sukiwindow.html#dark","115":"/SukiUI/documentation/controls/layout/sukiwindow.html#light","116":"/SukiUI/documentation/controls/layout/sukiwindow.html#gradient","117":"/SukiUI/documentation/controls/layout/sukiwindow.html#dark-1","118":"/SukiUI/documentation/controls/layout/sukiwindow.html#light-1","119":"/SukiUI/documentation/controls/layout/sukiwindow.html#flat","120":"/SukiUI/documentation/controls/layout/sukiwindow.html#dark-2","121":"/SukiUI/documentation/controls/layout/sukiwindow.html#light-2","122":"/SukiUI/documentation/controls/layout/sukiwindow.html#functionalities","123":"/SukiUI/documentation/controls/layout/sukiwindow.html#logo","124":"/SukiUI/documentation/controls/layout/sukiwindow.html#menu","125":"/SukiUI/documentation/controls/layout/sukiwindow.html#right-titlebar-control","126":"/SukiUI/documentation/controls/layout/sukiwindow.html#see-also","127":"/SukiUI/documentation/controls/navigation/sidemenu.html#sukisidemenu","128":"/SukiUI/documentation/controls/navigation/sidemenu.html#show","129":"/SukiUI/documentation/controls/navigation/sidemenu.html#example","130":"/SukiUI/documentation/controls/navigation/sidemenu.html#see-also","131":"/SukiUI/documentation/controls/navigation/stackpage.html#stack-page","132":"/SukiUI/documentation/controls/navigation/stackpage.html#show","133":"/SukiUI/documentation/controls/navigation/stackpage.html#example","134":"/SukiUI/documentation/controls/navigation/stackpage.html#see-also","135":"/SukiUI/documentation/controls/navigation/tabcontrol.html#tab-control","136":"/SukiUI/documentation/controls/navigation/tabcontrol.html#show","137":"/SukiUI/documentation/controls/navigation/tabcontrol.html#example","138":"/SukiUI/documentation/controls/navigation/tabcontrol.html#see-also","139":"/SukiUI/documentation/controls/notification/infobar.html#infobar","140":"/SukiUI/documentation/controls/notification/infobar.html#show","141":"/SukiUI/documentation/controls/notification/infobar.html#example","142":"/SukiUI/documentation/controls/notification/infobar.html#see-also","143":"/SukiUI/documentation/controls/progress/circleprogressbar.html#circleprogressbar","144":"/SukiUI/documentation/controls/progress/circleprogressbar.html#show","145":"/SukiUI/documentation/controls/progress/circleprogressbar.html#example","146":"/SukiUI/documentation/controls/progress/circleprogressbar.html#see-also","147":"/SukiUI/documentation/controls/progress/loading.html#loading","148":"/SukiUI/documentation/controls/progress/loading.html#show","149":"/SukiUI/documentation/controls/progress/loading.html#example","150":"/SukiUI/documentation/controls/progress/loading.html#see-also","151":"/SukiUI/documentation/controls/progress/progressbar.html#progressbar","152":"/SukiUI/documentation/controls/progress/progressbar.html#show","153":"/SukiUI/documentation/controls/progress/progressbar.html#example","154":"/SukiUI/documentation/controls/progress/progressbar.html#see-also","155":"/SukiUI/documentation/controls/progress/stepper.html#stepper","156":"/SukiUI/documentation/controls/progress/stepper.html#usage","157":"/SukiUI/documentation/controls/progress/stepper.html#axaml","158":"/SukiUI/documentation/controls/progress/stepper.html#viewmodel","159":"/SukiUI/documentation/controls/progress/stepper.html#alternative-style","160":"/SukiUI/documentation/controls/progress/stepper.html#axaml-1","161":"/SukiUI/documentation/controls/progress/stepper.html#see-also","162":"/SukiUI/documentation/controls/progress/waveprogress.html#waveprogress","163":"/SukiUI/documentation/controls/progress/waveprogress.html#show","164":"/SukiUI/documentation/controls/progress/waveprogress.html#example","165":"/SukiUI/documentation/controls/progress/waveprogress.html#see-also","166":"/SukiUI/documentation/faq/custom-font.html#how-to-use-custom-font","167":"/SukiUI/documentation/getting-started/installation.html#installation","168":"/SukiUI/documentation/getting-started/installation.html#prepare-your-application","169":"/SukiUI/documentation/getting-started/installation.html#install-latest-sukiui-package","170":"/SukiUI/documentation/getting-started/installation.html#via-nuget","171":"/SukiUI/documentation/getting-started/installation.html#via-github-action","172":"/SukiUI/documentation/getting-started/introduction.html#introduction","173":"/SukiUI/documentation/getting-started/introduction.html#gallery","174":"/SukiUI/documentation/getting-started/launch.html#launch","175":"/SukiUI/documentation/getting-started/launch.html#modify-your-app-axaml","176":"/SukiUI/documentation/getting-started/launch.html#use-sukiwindow-as-mainwindow","177":"/SukiUI/documentation/getting-started/launch.html#done","178":"/SukiUI/documentation/hosts/dialog.html#dialogs","179":"/SukiUI/documentation/hosts/dialog.html#view","180":"/SukiUI/documentation/hosts/dialog.html#viewmodel","181":"/SukiUI/documentation/hosts/dialog.html#axaml","182":"/SukiUI/documentation/hosts/dialog.html#code-behind","183":"/SukiUI/documentation/hosts/dialog.html#usage","184":"/SukiUI/documentation/hosts/dialog.html#displaying-dialogs","185":"/SukiUI/documentation/hosts/dialog.html#dismissing-dialogs","186":"/SukiUI/documentation/hosts/dialog.html#interactions","187":"/SukiUI/documentation/hosts/dialog.html#messagebox-style","188":"/SukiUI/documentation/hosts/hosts.html#hosts","189":"/SukiUI/documentation/hosts/toast.html#toasts","190":"/SukiUI/documentation/hosts/toast.html#view","191":"/SukiUI/documentation/hosts/toast.html#viewmodel","192":"/SukiUI/documentation/hosts/toast.html#axaml","193":"/SukiUI/documentation/hosts/toast.html#code-behind","194":"/SukiUI/documentation/hosts/toast.html#usage","195":"/SukiUI/documentation/hosts/toast.html#displaying-toasts","196":"/SukiUI/documentation/hosts/toast.html#dismissing-toasts","197":"/SukiUI/documentation/hosts/toast.html#interactions","198":"/SukiUI/documentation/hosts/toast.html#toast-types","199":"/SukiUI/documentation/hosts/toast.html#information","200":"/SukiUI/documentation/hosts/toast.html#success","201":"/SukiUI/documentation/hosts/toast.html#warning","202":"/SukiUI/documentation/hosts/toast.html#error","203":"/SukiUI/documentation/hosts/toast.html#loading-toast","204":"/SukiUI/documentation/hosts/toast.html#complex-interaction","205":"/SukiUI/documentation/#documentation","206":"/SukiUI/documentation/theming/basic.html#basic","207":"/SukiUI/documentation/theming/theme-color.html#color","208":"/SukiUI/documentation/theming/theme-color.html#switch-between-available-color-theme","209":"/SukiUI/documentation/theming/theme-color.html#switch-to-a-specific-color-theme","210":"/SukiUI/documentation/theming/theme-color.html#create-a-custom-color-theme-register-it-and-switch-to-it","211":"/SukiUI/documentation/theming/theme-color.html#colorchanged-event","212":"/SukiUI/documentation/theming/theme.html#light-dark","213":"/SukiUI/documentation/theming/theme.html#theme","214":"/SukiUI/documentation/theming/theme.html#dark","215":"/SukiUI/documentation/theming/theme.html#light","216":"/SukiUI/documentation/theming/theme.html#switch-to-dark-theme","217":"/SukiUI/documentation/theming/theme.html#switch-to-light-theme","218":"/SukiUI/documentation/theming/theme.html#switch-between-light-dark-theme","219":"/SukiUI/documentation/theming/theme.html#themechanged-event","220":"/SukiUI/markdown-examples.html#markdown-extension-examples","221":"/SukiUI/markdown-examples.html#syntax-highlighting","222":"/SukiUI/markdown-examples.html#custom-containers","223":"/SukiUI/markdown-examples.html#more"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[3,1,51],"1":[1,3,1],"2":[2,4,2],"3":[2,4,2],"4":[2,4,2],"5":[1,3,11],"6":[1,1,12],"7":[1,1,31],"8":[1,1,1],"9":[1,1,15],"10":[2,1,7],"11":[1,1,9],"12":[1,1,1],"13":[1,1,1],"14":[1,1,6],"15":[1,1,1],"16":[1,1,8],"17":[2,1,7],"18":[1,1,6],"19":[1,1,1],"20":[1,1,8],"21":[2,1,7],"22":[1,1,6],"23":[1,1,1],"24":[1,1,8],"25":[2,1,7],"26":[1,1,8],"27":[1,1,1],"28":[1,1,8],"29":[2,1,7],"30":[1,1,18],"31":[1,1,1],"32":[1,1,26],"33":[2,1,7],"34":[1,1,20],"35":[1,1,1],"36":[1,2,7],"37":[1,2,9],"38":[1,2,10],"39":[1,2,9],"40":[1,2,9],"41":[2,2,10],"42":[1,2,10],"43":[3,1,1],"44":[1,3,17],"45":[2,3,5],"46":[2,1,7],"47":[1,1,8],"48":[1,1,1],"49":[1,1,8],"50":[2,1,7],"51":[1,1,9],"52":[1,1,1],"53":[1,1,13],"54":[2,1,7],"55":[1,1,10],"56":[1,1,1],"57":[1,1,30],"58":[2,1,7],"59":[1,1,12],"60":[1,1,1],"61":[1,1,12],"62":[2,1,7],"63":[1,1,6],"64":[1,1,1],"65":[1,2,7],"66":[1,2,11],"67":[2,2,13],"68":[2,1,7],"69":[1,1,10],"70":[1,1,12],"71":[1,1,12],"72":[1,1,12],"73":[2,1,7],"74":[1,1,11],"75":[1,1,1],"76":[1,1,15],"77":[2,1,7],"78":[1,1,9],"79":[1,1,1],"80":[1,2,7],"81":[2,2,11],"82":[1,2,13],"83":[1,2,8],"84":[2,1,7],"85":[1,1,5],"86":[1,1,1],"87":[1,1,8],"88":[2,1,7],"89":[1,1,5],"90":[1,1,1],"91":[1,1,7],"92":[2,1,7],"93":[1,1,19],"94":[5,1,1],"95":[6,1,20],"96":[2,1,10],"97":[1,2,1],"98":[2,3,1],"99":[2,3,6],"100":[2,2,1],"101":[1,4,9],"102":[1,4,9],"103":[1,4,9],"104":[1,4,9],"105":[1,2,20],"106":[2,2,12],"107":[2,1,16],"108":[1,2,1],"109":[1,2,27],"110":[2,2,11],"111":[1,1,12],"112":[2,1,36],"113":[1,1,9],"114":[1,2,1],"115":[1,2,1],"116":[1,1,9],"117":[1,2,1],"118":[1,2,1],"119":[1,1,9],"120":[1,2,1],"121":[1,2,1],"122":[1,1,1],"123":[1,2,8],"124":[1,2,10],"125":[3,2,15],"126":[2,1,9],"127":[1,1,15],"128":[1,1,1],"129":[1,1,27],"130":[2,1,9],"131":[2,1,34],"132":[1,2,1],"133":[1,2,11],"134":[2,2,12],"135":[2,1,23],"136":[1,2,1],"137":[1,2,12],"138":[2,2,8],"139":[1,1,18],"140":[1,1,1],"141":[1,1,27],"142":[2,1,11],"143":[1,1,4],"144":[1,1,1],"145":[1,1,26],"146":[2,1,11],"147":[1,1,3],"148":[1,1,1],"149":[1,1,6],"150":[2,1,11],"151":[1,1,3],"152":[1,1,1],"153":[1,1,12],"154":[2,1,7],"155":[1,1,12],"156":[1,1,1],"157":[1,2,11],"158":[1,2,18],"159":[2,1,1],"160":[1,3,8],"161":[2,1,11],"162":[1,1,6],"163":[1,1,1],"164":[1,1,16],"165":[2,1,11],"166":[5,1,89],"167":[1,1,32],"168":[3,1,31],"169":[4,1,26],"170":[2,5,18],"171":[3,5,24],"172":[1,1,20],"173":[1,1,9],"174":[1,1,1],"175":[4,1,47],"176":[4,1,54],"177":[1,1,88],"178":[1,1,61],"179":[1,1,19],"180":[1,1,36],"181":[1,1,18],"182":[2,1,16],"183":[1,1,6],"184":[2,1,83],"185":[2,1,65],"186":[1,1,69],"187":[2,1,22],"188":[1,1,73],"189":[1,1,61],"190":[1,1,19],"191":[1,1,50],"192":[1,1,18],"193":[2,1,16],"194":[1,1,6],"195":[2,1,79],"196":[2,1,70],"197":[1,1,74],"198":[2,1,1],"199":[1,3,10],"200":[1,3,10],"201":[1,3,10],"202":[1,3,10],"203":[2,1,9],"204":[2,1,53],"205":[1,1,24],"206":[1,1,22],"207":[1,1,9],"208":[5,1,4],"209":[6,1,6],"210":[10,1,13],"211":[2,1,12],"212":[3,1,21],"213":[1,3,1],"214":[1,4,1],"215":[1,4,1],"216":[4,3,6],"217":[4,3,6],"218":[5,3,4],"219":[2,3,12],"220":[3,1,14],"221":[2,3,26],"222":[2,3,21],"223":[1,3,11]},"averageFieldLength":[1.5535714285714286,1.4955357142857142,13.758928571428573],"storedFields":{"0":{"title":"Runtime API Examples","titles":[]},"1":{"title":"Results","titles":["Runtime API Examples"]},"2":{"title":"Theme Data","titles":["Runtime API Examples","Results"]},"3":{"title":"Page Data","titles":["Runtime API Examples","Results"]},"4":{"title":"Page Frontmatter","titles":["Runtime API Examples","Results"]},"5":{"title":"More","titles":["Runtime API Examples"]},"6":{"title":"BusyArea","titles":[]},"7":{"title":"Expander","titles":[]},"8":{"title":"Show","titles":["Expander"]},"9":{"title":"Example","titles":["Expander"]},"10":{"title":"See Also","titles":["Expander"]},"11":{"title":"GroupBox","titles":[]},"12":{"title":"Listbox","titles":[]},"13":{"title":"Treeview","titles":[]},"14":{"title":"Calendar","titles":[]},"15":{"title":"Show","titles":["Calendar"]},"16":{"title":"Example","titles":["Calendar"]},"17":{"title":"See Also","titles":["Calendar"]},"18":{"title":"DatePicker","titles":[]},"19":{"title":"Show","titles":["DatePicker"]},"20":{"title":"Example","titles":["DatePicker"]},"21":{"title":"See Also","titles":["DatePicker"]},"22":{"title":"CalendarDatePicker","titles":[]},"23":{"title":"Show","titles":["CalendarDatePicker"]},"24":{"title":"Example","titles":["CalendarDatePicker"]},"25":{"title":"See Also","titles":["CalendarDatePicker"]},"26":{"title":"TimePicker","titles":[]},"27":{"title":"Show","titles":["TimePicker"]},"28":{"title":"Example","titles":["TimePicker"]},"29":{"title":"See Also","titles":["TimePicker"]},"30":{"title":"AutoCompleteBox","titles":[]},"31":{"title":"Show","titles":["AutoCompleteBox"]},"32":{"title":"Example","titles":["AutoCompleteBox"]},"33":{"title":"See Also","titles":["AutoCompleteBox"]},"34":{"title":"Button","titles":[]},"35":{"title":"Styles","titles":["Button"]},"36":{"title":"Standard","titles":["Button","Styles"]},"37":{"title":"Flat","titles":["Button","Styles"]},"38":{"title":"Rounded","titles":["Button","Styles"]},"39":{"title":"Outlined","titles":["Button","Styles"]},"40":{"title":"Basic","titles":["Button","Styles"]},"41":{"title":"Flat Accent","titles":["Button","Styles"]},"42":{"title":"Large","titles":["Button","Styles"]},"43":{"title":"Busy/Loading Button","titles":["Button"]},"44":{"title":"Axaml","titles":["Button","Busy/Loading Button"]},"45":{"title":"C#","titles":["Button","Busy/Loading Button"]},"46":{"title":"See Also","titles":["Button"]},"47":{"title":"Combobox","titles":[]},"48":{"title":"Show","titles":["Combobox"]},"49":{"title":"Example","titles":["Combobox"]},"50":{"title":"See Also","titles":["Combobox"]},"51":{"title":"CheckBox","titles":[]},"52":{"title":"Show","titles":["CheckBox"]},"53":{"title":"Example","titles":["CheckBox"]},"54":{"title":"See Also","titles":["CheckBox"]},"55":{"title":"ContextMenu","titles":[]},"56":{"title":"Show","titles":["ContextMenu"]},"57":{"title":"Example","titles":["ContextMenu"]},"58":{"title":"See Also","titles":["ContextMenu"]},"59":{"title":"DropDownButton","titles":[]},"60":{"title":"Show","titles":["DropDownButton"]},"61":{"title":"Example","titles":["DropDownButton"]},"62":{"title":"See Also","titles":["DropDownButton"]},"63":{"title":"NumericUpDown","titles":[]},"64":{"title":"Examples","titles":["NumericUpDown"]},"65":{"title":"Simple","titles":["NumericUpDown","Examples"]},"66":{"title":"Extension","titles":["NumericUpDown","Examples"]},"67":{"title":"No Spinner","titles":["NumericUpDown","Examples"]},"68":{"title":"See Also","titles":["NumericUpDown"]},"69":{"title":"RadioButton","titles":[]},"70":{"title":"Base","titles":["RadioButton"]},"71":{"title":"Chips","titles":["RadioButton"]},"72":{"title":"GigaChips","titles":["RadioButton"]},"73":{"title":"See Also","titles":["RadioButton"]},"74":{"title":"Slider","titles":[]},"75":{"title":"Show","titles":["Slider"]},"76":{"title":"Example","titles":["Slider"]},"77":{"title":"See Also","titles":["Slider"]},"78":{"title":"TextBox","titles":[]},"79":{"title":"Examples","titles":["TextBox"]},"80":{"title":"Simple","titles":["TextBox","Examples"]},"81":{"title":"Clear Button","titles":["TextBox","Examples"]},"82":{"title":"Prefix","titles":["TextBox","Examples"]},"83":{"title":"Watermark","titles":["TextBox","Examples"]},"84":{"title":"See Also","titles":["TextBox"]},"85":{"title":"ToggleButton","titles":[]},"86":{"title":"Show","titles":["ToggleButton"]},"87":{"title":"Example","titles":["ToggleButton"]},"88":{"title":"See Also","titles":["ToggleButton"]},"89":{"title":"ToggleSwitch","titles":[]},"90":{"title":"Show","titles":["ToggleSwitch"]},"91":{"title":"Example","titles":["ToggleSwitch"]},"92":{"title":"See Also","titles":["ToggleSwitch"]},"93":{"title":"Dock","titles":[]},"94":{"title":"Install SukiUI.Dock Nuget Package","titles":["Dock"]},"95":{"title":"Reference it in your App.axaml","titles":["Dock"]},"96":{"title":"Glass Card","titles":[]},"97":{"title":"Theme","titles":["Glass Card"]},"98":{"title":"Dark Theme","titles":["Glass Card","Theme"]},"99":{"title":"Light Theme","titles":["Glass Card","Theme"]},"100":{"title":"Alternative Style","titles":["Glass Card"]},"101":{"title":"Primary","titles":["Glass Card","Alternative Style"]},"102":{"title":"Accent","titles":["Glass Card","Alternative Style"]},"103":{"title":"Opaque","titles":["Glass Card","Alternative Style"]},"104":{"title":"Interactive","titles":["Glass Card","Alternative Style"]},"105":{"title":"Animations","titles":["Glass Card"]},"106":{"title":"See Also","titles":["Glass Card"]},"107":{"title":"Settings Layout","titles":[]},"108":{"title":"Show","titles":["Settings Layout"]},"109":{"title":"Example","titles":["Settings Layout"]},"110":{"title":"See Also","titles":["Settings Layout"]},"111":{"title":"SukiWindow","titles":[]},"112":{"title":"Background Style","titles":["SukiWindow"]},"113":{"title":"Bubble","titles":["SukiWindow"]},"114":{"title":"Dark","titles":["SukiWindow","Bubble"]},"115":{"title":"Light","titles":["SukiWindow","Bubble"]},"116":{"title":"Gradient","titles":["SukiWindow"]},"117":{"title":"Dark","titles":["SukiWindow","Gradient"]},"118":{"title":"Light","titles":["SukiWindow","Gradient"]},"119":{"title":"Flat","titles":["SukiWindow"]},"120":{"title":"Dark","titles":["SukiWindow","Flat"]},"121":{"title":"Light","titles":["SukiWindow","Flat"]},"122":{"title":"Functionalities","titles":["SukiWindow"]},"123":{"title":"Logo","titles":["SukiWindow","Functionalities"]},"124":{"title":"Menu","titles":["SukiWindow","Functionalities"]},"125":{"title":"Right TitleBar Control","titles":["SukiWindow","Functionalities"]},"126":{"title":"See Also","titles":["SukiWindow"]},"127":{"title":"SukiSideMenu","titles":[]},"128":{"title":"Show","titles":["SukiSideMenu"]},"129":{"title":"Example","titles":["SukiSideMenu"]},"130":{"title":"See Also","titles":["SukiSideMenu"]},"131":{"title":"Stack Page","titles":[]},"132":{"title":"Show","titles":["Stack Page"]},"133":{"title":"Example","titles":["Stack Page"]},"134":{"title":"See Also","titles":["Stack Page"]},"135":{"title":"Tab Control","titles":[]},"136":{"title":"Show","titles":["Tab Control"]},"137":{"title":"Example","titles":["Tab Control"]},"138":{"title":"See Also","titles":["Tab Control"]},"139":{"title":"InfoBar","titles":[]},"140":{"title":"Show","titles":["InfoBar"]},"141":{"title":"Example","titles":["InfoBar"]},"142":{"title":"See Also","titles":["InfoBar"]},"143":{"title":"CircleProgressBar","titles":[]},"144":{"title":"Show","titles":["CircleProgressBar"]},"145":{"title":"Example","titles":["CircleProgressBar"]},"146":{"title":"See Also","titles":["CircleProgressBar"]},"147":{"title":"Loading","titles":[]},"148":{"title":"Show","titles":["Loading"]},"149":{"title":"Example","titles":["Loading"]},"150":{"title":"See Also","titles":["Loading"]},"151":{"title":"ProgressBar","titles":[]},"152":{"title":"Show","titles":["ProgressBar"]},"153":{"title":"Example","titles":["ProgressBar"]},"154":{"title":"See Also","titles":["ProgressBar"]},"155":{"title":"Stepper","titles":[]},"156":{"title":"Usage","titles":["Stepper"]},"157":{"title":"Axaml","titles":["Stepper","Usage"]},"158":{"title":"ViewModel","titles":["Stepper","Usage"]},"159":{"title":"Alternative Style","titles":["Stepper"]},"160":{"title":"Axaml","titles":["Stepper","Alternative Style"]},"161":{"title":"See Also","titles":["Stepper"]},"162":{"title":"WaveProgress","titles":[]},"163":{"title":"Show","titles":["WaveProgress"]},"164":{"title":"Example","titles":["WaveProgress"]},"165":{"title":"See Also","titles":["WaveProgress"]},"166":{"title":"How to use Custom Font","titles":[]},"167":{"title":"Installation","titles":[]},"168":{"title":"Prepare your application","titles":["Installation"]},"169":{"title":"Install latest SukiUI package","titles":["Installation"]},"170":{"title":"Via Nuget","titles":["Installation","Install latest SukiUI package"]},"171":{"title":"Via Github Action","titles":["Installation","Install latest SukiUI package"]},"172":{"title":"Introduction","titles":[]},"173":{"title":"Gallery","titles":["Introduction"]},"174":{"title":"Launch","titles":[]},"175":{"title":"Modify your App.axaml","titles":["Launch"]},"176":{"title":"Use SukiWindow as MainWindow","titles":["Launch"]},"177":{"title":"Done","titles":["Launch"]},"178":{"title":"Dialogs","titles":[]},"179":{"title":"View","titles":["Dialogs"]},"180":{"title":"ViewModel","titles":["Dialogs"]},"181":{"title":"AXAML","titles":["Dialogs"]},"182":{"title":"Code-Behind","titles":["Dialogs"]},"183":{"title":"Usage","titles":["Dialogs"]},"184":{"title":"Displaying Dialogs","titles":["Dialogs"]},"185":{"title":"Dismissing Dialogs","titles":["Dialogs"]},"186":{"title":"Interactions","titles":["Dialogs"]},"187":{"title":"MessageBox Style","titles":["Dialogs"]},"188":{"title":"Hosts","titles":[]},"189":{"title":"Toasts","titles":[]},"190":{"title":"View","titles":["Toasts"]},"191":{"title":"ViewModel","titles":["Toasts"]},"192":{"title":"AXAML","titles":["Toasts"]},"193":{"title":"Code-Behind","titles":["Toasts"]},"194":{"title":"Usage","titles":["Toasts"]},"195":{"title":"Displaying Toasts","titles":["Toasts"]},"196":{"title":"Dismissing Toasts","titles":["Toasts"]},"197":{"title":"Interactions","titles":["Toasts"]},"198":{"title":"Toast Types","titles":["Toasts"]},"199":{"title":"Information","titles":["Toasts","Toast Types"]},"200":{"title":"Success","titles":["Toasts","Toast Types"]},"201":{"title":"Warning","titles":["Toasts","Toast Types"]},"202":{"title":"Error","titles":["Toasts","Toast Types"]},"203":{"title":"Loading Toast","titles":["Toasts"]},"204":{"title":"Complex Interaction","titles":["Toasts"]},"205":{"title":"Documentation","titles":[]},"206":{"title":"Basic","titles":[]},"207":{"title":"Color","titles":[]},"208":{"title":"Switch between available Color Theme","titles":["Color"]},"209":{"title":"Switch to a specific Color Theme","titles":["Color"]},"210":{"title":"Create a Custom Color Theme, register it and switch to it","titles":["Color"]},"211":{"title":"ColorChanged Event","titles":["Color"]},"212":{"title":"Light &amp; Dark","titles":[]},"213":{"title":"Theme","titles":["Light &amp; Dark"]},"214":{"title":"Dark","titles":["Light &amp; Dark","Theme"]},"215":{"title":"Light","titles":["Light &amp; Dark","Theme"]},"216":{"title":"Switch to Dark Theme","titles":["Light &amp; Dark"]},"217":{"title":"Switch to Light Theme","titles":["Light &amp; Dark"]},"218":{"title":"Switch between Light/Dark Theme","titles":["Light &amp; Dark"]},"219":{"title":"ThemeChanged Event","titles":["Light &amp; Dark"]},"220":{"title":"Markdown Extension Examples","titles":[]},"221":{"title":"Syntax Highlighting","titles":["Markdown Extension Examples"]},"222":{"title":"Custom Containers","titles":["Markdown Extension Examples"]},"223":{"title":"More","titles":["Markdown Extension Examples"]}},"dirtCount":0,"index":[["jsexport",{"2":{"221":1}}],["jump",{"2":{"205":1}}],["just",{"2":{"180":1,"191":1}}],["```",{"2":{"221":1}}],["4",{"2":{"221":1}}],["+=",{"2":{"204":2,"211":1,"219":1}}],["queue",{"2":{"194":1,"195":3,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":2}}],["quot",{"2":{"112":4,"180":2,"191":2,"204":2}}],["\\ttoastmanager",{"2":{"195":1,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1}}],["\\tdialogmanager",{"2":{"184":1,"185":1}}],["\\tpublic",{"2":{"180":1,"182":2,"191":1,"193":2}}],["\\t\\ttoasthost",{"2":{"193":1}}],["\\t\\tdialoghost",{"2":{"182":1}}],["\\t\\tinitializecomponent",{"2":{"182":1,"193":1}}],["\\t\\t",{"2":{"179":1,"181":1,"184":3,"188":1,"190":1,"192":1,"195":3,"196":1,"197":1}}],["\\t",{"2":{"179":2,"181":2,"182":2,"183":1,"188":2,"190":2,"192":2,"193":2,"194":1}}],["6",{"2":{"167":1,"170":1}}],["key=",{"2":{"166":1}}],["5",{"2":{"131":1,"133":1}}],["0",{"2":{"76":1,"145":5,"167":3,"170":2,"204":4}}],["gt",{"2":{"177":1}}],["generic",{"2":{"177":1}}],["getinstance",{"2":{"206":1,"208":1,"209":1,"210":2,"211":1,"216":1,"217":1,"218":1,"219":1}}],["get",{"2":{"158":1,"173":1,"177":1,"180":1,"191":1,"206":1}}],["gallary",{"2":{"173":1}}],["gallery",{"0":{"173":1}}],["go",{"2":{"173":1}}],["google",{"2":{"82":1}}],["guide",{"2":{"171":1}}],["guides",{"2":{"155":1}}],["given",{"2":{"178":1,"189":1,"191":1}}],["github",{"0":{"171":1},"2":{"166":2,"167":1,"169":1,"171":1,"176":2,"177":1,"205":1}}],["gigachips",{"0":{"72":1},"2":{"72":1}}],["gradient",{"0":{"116":1},"1":{"117":1,"118":1},"2":{"116":1}}],["groupname=",{"2":{"70":1}}],["groupbox>",{"2":{"11":1}}],["groupbox",{"0":{"11":1},"2":{"11":1}}],["glassmorphism",{"2":{"106":1,"112":1}}],["glass",{"0":{"96":1},"1":{"97":1,"98":1,"99":1,"100":1,"101":1,"102":1,"103":1,"104":1,"105":1,"106":1}}],["glasscard",{"2":{"57":2,"101":1,"102":1,"103":1,"104":1,"105":2,"106":1}}],["glasscard>",{"2":{"57":2,"99":2,"101":1,"102":1,"103":1,"104":1}}],["name=",{"2":{"181":1,"192":1}}],["namespace",{"2":{"44":1,"166":2,"175":1,"176":3,"177":2}}],["navigationview",{"2":{"127":1}}],["navigation",{"2":{"127":1}}],["number",{"2":{"172":1,"186":2,"191":1,"197":1}}],["numeric",{"2":{"63":1}}],["numericupdownextensions",{"2":{"66":1,"67":1}}],["numericupdown",{"0":{"63":1},"1":{"64":1,"65":1,"66":1,"67":1,"68":1},"2":{"65":1,"66":1,"67":1}}],["nuget",{"0":{"94":1,"170":1},"2":{"167":1,"169":1,"170":1}}],["none",{"2":{"184":1}}],["notificationtype",{"2":{"199":1,"200":1,"201":1,"202":1}}],["not",{"2":{"164":1,"175":2,"177":2,"180":1,"188":1,"191":1}}],["note",{"2":{"112":1}}],["now",{"2":{"95":1,"177":2,"204":1}}],["no",{"0":{"67":1},"2":{"168":1,"185":1,"188":1,"196":1}}],["new",{"2":{"180":1,"182":1,"191":1,"193":1,"204":2,"210":1}}],["necessary",{"2":{"168":1,"185":1,"196":1}}],["nested",{"2":{"57":2}}],["next",{"2":{"57":1,"185":1}}],["need",{"2":{"30":1}}],["300",{"2":{"109":3}}],["3",{"2":{"32":1,"109":1,"112":1,"196":2,"197":2}}],["20",{"2":{"204":1}}],["2008",{"2":{"176":2}}],["2006",{"2":{"166":2,"176":4}}],["276",{"2":{"177":2}}],["265",{"2":{"177":1}}],["2",{"2":{"32":1,"109":1,"137":1,"145":1,"167":1}}],["11",{"2":{"145":1,"167":1}}],["100",{"2":{"76":1,"204":1}}],["10",{"2":{"65":1,"66":1,"67":1}}],["1",{"2":{"32":1,"76":1,"137":1,"158":1,"196":1,"204":1}}],["event",{"0":{"211":1,"219":1}}],["everything",{"2":{"131":1}}],["elapsed",{"2":{"204":1}}],["effect",{"2":{"188":1}}],["empty",{"2":{"185":1,"196":1}}],["easily",{"2":{"178":1,"189":1,"206":2,"207":1}}],["editor",{"2":{"168":1}}],["error",{"0":{"202":1},"2":{"141":1,"187":1,"202":1}}],["ensuring",{"2":{"177":1}}],["encounter",{"2":{"177":1}}],["enhance",{"2":{"112":1}}],["enter",{"2":{"30":1}}],["exceeded",{"2":{"196":1}}],["exceptions",{"2":{"177":1}}],["exception",{"2":{"177":2}}],["export",{"2":{"221":1}}],["explanatory",{"2":{"184":1,"195":1}}],["experience",{"2":{"178":1,"189":1}}],["expression",{"2":{"176":2}}],["expanding",{"2":{"184":1,"195":1}}],["expanddirection=",{"2":{"9":4}}],["expanddirections",{"2":{"7":1}}],["expanded",{"2":{"7":1}}],["expanderview",{"2":{"10":1}}],["expander>",{"2":{"9":4}}],["expander",{"0":{"7":1},"1":{"8":1,"9":1,"10":1},"2":{"7":1,"9":8}}],["exists",{"2":{"166":1}}],["extensions",{"2":{"220":1,"223":1}}],["extension",{"0":{"66":1,"220":1},"1":{"221":1,"222":1,"223":1},"2":{"184":1,"195":1}}],["exampleviewmodel",{"2":{"180":1,"191":1}}],["example",{"0":{"9":1,"16":1,"20":1,"24":1,"28":1,"32":1,"49":1,"53":1,"57":1,"61":1,"76":1,"87":1,"91":1,"109":1,"129":1,"133":1,"137":1,"141":1,"145":1,"149":1,"153":1,"164":1},"2":{"178":1,"184":3,"185":1,"186":1,"189":1,"195":3,"196":1,"197":1,"204":1}}],["examples",{"0":{"0":1,"64":1,"79":1,"220":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1,"65":1,"66":1,"67":1,"80":1,"81":1,"82":1,"83":1,"221":1,"222":1,"223":1}}],["yourproject",{"2":{"166":1}}],["your",{"0":{"95":1,"168":1,"175":1},"2":{"112":1,"166":2,"172":1,"175":2,"177":1,"178":1,"188":1,"189":1,"206":1}}],["you",{"2":{"30":1,"59":1,"95":1,"107":1,"112":1,"131":1,"169":2,"170":1,"171":1,"175":1,"177":3,"178":3,"180":2,"184":1,"185":1,"186":1,"188":1,"189":3,"191":2,"195":1,"196":1,"205":1}}],["lt",{"2":{"177":1}}],["long",{"2":{"178":1,"189":1}}],["longer",{"2":{"168":1}}],["localised",{"2":{"178":1,"189":1}}],["local",{"2":{"166":2}}],["local=",{"2":{"166":2}}],["logocontent>",{"2":{"123":2}}],["logo",{"0":{"123":1},"2":{"123":1}}],["loading",{"0":{"43":1,"147":1,"203":1},"1":{"44":1,"45":1,"148":1,"149":1,"150":1},"2":{"147":1,"149":1,"150":1}}],["level",{"2":{"178":1,"189":1}}],["let",{"2":{"112":1}}],["left",{"2":{"9":3}}],["later",{"2":{"204":1}}],["latest",{"0":{"169":1},"1":{"170":1,"171":1},"2":{"167":1,"169":1,"171":1}}],["last",{"2":{"186":1}}],["launch",{"0":{"174":1},"1":{"175":1,"176":1,"177":1}}],["layout",{"0":{"107":1},"1":{"108":1,"109":1,"110":1}}],["large",{"0":{"42":1},"2":{"42":1,"172":1}}],["line",{"2":{"221":1}}],["like",{"2":{"180":1,"191":1,"221":1}}],["limit=",{"2":{"133":1}}],["limit",{"2":{"131":1,"191":1}}],["libraries",{"2":{"127":1}}],["library",{"2":{"93":1,"95":1,"112":1,"172":1}}],["lightgray",{"2":{"109":3}}],["light",{"0":{"99":1,"115":1,"118":1,"121":1,"212":1,"215":1,"217":1,"218":1},"1":{"213":1,"214":1,"215":1,"216":1,"217":1,"218":1,"219":1},"2":{"166":2,"212":1,"217":1}}],["listbox",{"0":{"12":1}}],["list",{"2":{"5":1,"171":1,"223":1}}],["uithread",{"2":{"204":1}}],["until",{"2":{"177":1}}],["unable",{"2":{"177":1}}],["unwind",{"2":{"131":2}}],["unit=",{"2":{"66":1,"67":1}}],["updating",{"2":{"204":1}}],["update",{"2":{"107":1,"204":4}}],["upgrade",{"2":{"177":1}}],["up",{"2":{"9":3,"59":1,"131":1,"168":1,"177":1}}],["use",{"0":{"166":1,"176":1},"2":{"95":1,"169":1,"177":1,"180":1,"185":2,"187":2,"191":1,"196":1,"212":1}}],["users",{"2":{"155":1,"169":1}}],["user",{"2":{"51":1,"69":1,"78":1,"135":1,"139":1,"185":1,"197":1}}],["used",{"2":{"0":1,"51":1,"69":1,"78":1,"127":1,"135":1,"139":1,"178":1,"189":1}}],["usedata",{"2":{"0":3}}],["using",{"2":{"7":1,"166":2,"178":2,"189":2}}],["usage",{"0":{"156":1,"183":1,"194":1},"1":{"157":1,"158":1},"2":{"0":1}}],["highlighted",{"2":{"221":2}}],["highlighting",{"0":{"221":1},"2":{"221":2}}],["hideprogress",{"2":{"45":1}}],["hiding",{"2":{"7":1}}],["hosts>",{"2":{"179":2,"181":2,"188":2,"190":2,"192":2}}],["hosts",{"0":{"188":1},"2":{"178":1,"188":3,"189":1}}],["host",{"2":{"178":2,"189":2,"191":1}}],["however",{"2":{"178":1,"189":1,"212":1}}],["how",{"0":{"166":1}}],["http",{"2":{"166":2,"176":6}}],["https",{"2":{"82":1,"166":2,"176":2}}],["h3",{"2":{"145":1}}],["have",{"2":{"178":1,"184":1,"185":1,"188":1,"189":1,"195":1,"196":2}}],["handful",{"2":{"34":1}}],["has",{"2":{"7":1,"34":1}}],["here",{"2":{"166":1,"178":1,"184":3,"185":1,"186":1,"188":1,"189":1,"195":3,"196":1,"197":1,"204":1}}],["header",{"2":{"129":1,"131":1}}],["headercontent>",{"2":{"129":2}}],["header=",{"2":{"9":4,"11":1,"57":10,"109":3,"129":1,"137":2}}],["height=",{"2":{"109":3}}],["hello",{"2":{"80":1,"81":1,"141":1}}],["help",{"2":{"30":1}}],["helpful",{"2":{"30":1}}],["wrapper",{"2":{"212":1}}],["writeline",{"2":{"197":2,"211":1,"219":1}}],["written",{"2":{"167":1}}],["way",{"2":{"178":1,"189":1}}],["ways",{"2":{"167":1}}],["want",{"2":{"169":1,"184":1,"186":1,"195":1}}],["was",{"2":{"167":2,"197":1}}],["wave",{"2":{"162":1}}],["waveprogress",{"0":{"162":1},"1":{"163":1,"164":1,"165":1},"2":{"164":1,"165":1}}],["warning",{"0":{"201":1},"2":{"141":2,"175":1,"177":1,"187":1,"188":1,"201":1,"222":6}}],["watermark=",{"2":{"83":1}}],["watermark",{"0":{"83":1},"2":{"83":1}}],["welcome",{"2":{"205":1}}],["we",{"2":{"93":1,"177":1,"178":1,"189":1}}],["www",{"2":{"82":1}}],["wish",{"2":{"180":1,"191":1}}],["winfx",{"2":{"166":2,"176":2}}],["window>",{"2":{"176":1}}],["window",{"2":{"107":1,"111":1,"175":1,"176":3}}],["width",{"2":{"107":1}}],["will",{"2":{"59":1,"107":1,"131":2,"168":1,"175":1,"185":2,"186":1,"188":1,"196":1,"197":2}}],["withloadingstate",{"2":{"203":1}}],["withactionbuttonnormal",{"2":{"204":1}}],["withactionbutton",{"2":{"186":4,"197":2,"204":1}}],["withcontent",{"2":{"184":1,"195":1,"204":2}}],["withtitle",{"2":{"184":1,"195":1,"204":2}}],["within",{"2":{"178":1,"189":1}}],["with",{"2":{"57":2,"95":1,"105":1,"107":1,"135":1,"162":1,"166":1,"167":1,"168":1,"177":1,"186":3,"188":2,"197":3,"221":1}}],["where",{"2":{"205":1}}],["when",{"2":{"30":1,"59":1,"167":1,"185":2}}],["whatever",{"2":{"178":1,"189":1}}],["while",{"2":{"177":1}}],["which",{"2":{"7":1,"107":1,"178":1,"185":4,"186":1,"189":1,"196":4,"197":1}}],["workflow",{"2":{"171":1}}],["works",{"2":{"0":1,"180":1,"191":1}}],["world",{"2":{"141":1}}],["would",{"2":{"30":1,"180":1,"191":1}}],[">avares",{"2":{"166":1}}],[">",{"2":{"6":1,"9":4,"11":1,"16":1,"20":1,"24":1,"28":1,"32":2,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"44":1,"49":1,"53":3,"57":12,"61":2,"65":1,"66":1,"67":1,"70":1,"71":1,"72":1,"76":1,"80":1,"81":1,"82":1,"83":1,"87":1,"91":1,"95":1,"99":1,"101":2,"102":2,"103":2,"104":2,"109":7,"113":3,"116":3,"119":3,"123":1,"124":3,"125":1,"129":7,"133":1,"137":4,"141":1,"145":2,"149":1,"153":1,"157":1,"160":1,"164":1,"166":8,"175":2,"176":2,"179":2,"181":2,"188":2,"190":2,"192":2}}],["xxx",{"2":{"166":1}}],["xamlil",{"2":{"177":1}}],["xaml",{"2":{"166":2,"176":2,"177":1}}],["x=",{"2":{"166":2,"176":2}}],["x",{"2":{"32":1,"57":2,"109":1,"166":3,"176":2}}],["xmldocs",{"2":{"184":1,"195":1}}],["xmlns=",{"2":{"166":2,"176":2}}],["xmlns",{"2":{"44":1,"166":6,"175":1,"176":7,"179":1,"181":1,"188":1,"190":1,"192":1}}],["xml",{"2":{"6":1,"9":1,"11":1,"16":1,"20":1,"24":1,"28":1,"32":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"44":1,"49":1,"53":1,"57":1,"61":1,"65":1,"66":1,"67":1,"70":1,"71":1,"72":1,"76":1,"80":1,"81":1,"82":1,"83":1,"87":1,"91":1,"95":1,"99":1,"101":1,"102":1,"103":1,"104":1,"109":1,"113":1,"116":1,"119":1,"123":1,"124":1,"125":1,"129":1,"133":1,"137":1,"141":1,"145":1,"149":1,"153":1,"157":1,"160":1,"164":1,"166":2,"175":1,"176":2,"179":1,"181":1,"188":1,"190":1,"192":1}}],["x3c",{"2":{"0":8,"6":2,"9":16,"11":2,"16":1,"20":1,"24":1,"28":1,"32":23,"36":2,"37":2,"38":2,"39":2,"40":2,"41":2,"42":2,"44":2,"49":1,"53":3,"57":26,"61":7,"65":1,"66":1,"67":1,"70":1,"71":1,"72":1,"76":1,"80":1,"81":1,"82":1,"83":1,"87":1,"91":1,"95":1,"99":3,"101":3,"102":3,"103":3,"104":3,"109":21,"113":3,"116":3,"119":3,"123":3,"124":5,"125":3,"129":19,"133":1,"137":8,"141":1,"145":3,"149":1,"153":1,"157":1,"158":1,"160":1,"164":1,"166":24,"175":5,"176":4,"179":6,"181":6,"188":6,"190":6,"192":6,"204":1}}],["older",{"2":{"196":1}}],["omitted",{"2":{"179":1,"181":1,"188":1,"190":1,"192":1}}],["others",{"2":{"188":1}}],["other",{"2":{"127":1,"129":1,"166":2,"175":1,"177":1,"185":1,"188":1,"196":1}}],["opacity",{"2":{"105":1}}],["opaque",{"0":{"103":1}}],["openxmlformats",{"2":{"176":2}}],["open",{"2":{"61":1}}],["optional",{"2":{"186":1}}],["optionally",{"2":{"186":1}}],["options",{"2":{"166":2}}],["optionclickedcommand",{"2":{"57":2}}],["option",{"2":{"53":3,"57":5,"70":1,"71":1,"72":1,"112":1}}],["onbasethemechanged",{"2":{"219":1}}],["oncolorthemechanged",{"2":{"211":1}}],["onclicked",{"2":{"197":2}}],["ondismissed",{"2":{"197":2}}],["only",{"2":{"185":1,"188":1}}],["on",{"2":{"59":1,"125":1,"131":1,"170":1,"184":2,"186":2,"195":2}}],["one",{"2":{"53":1,"70":1,"71":1,"72":1,"186":1}}],["observableproperty",{"2":{"158":1}}],["observablecollection>",{"2":{"32":1,"109":1}}],["observablecollection",{"2":{"32":1,"109":1}}],["object",{"2":{"131":1,"177":1}}],["objectmodel",{"2":{"32":2,"109":2}}],["order",{"2":{"184":1,"185":1,"195":1,"196":1}}],["org",{"2":{"176":2}}],["original",{"2":{"176":2}}],["or",{"2":{"30":1,"164":1,"166":2,"177":1,"180":1,"188":1,"191":1,"196":1}}],["output",{"2":{"221":1,"222":1}}],["outside",{"2":{"185":1}}],["outlined",{"0":{"39":1},"2":{"39":1}}],["out",{"2":{"5":1,"223":1}}],["oftype",{"2":{"187":1,"199":1,"200":1,"201":1,"202":1}}],["often",{"2":{"93":1}}],["offers",{"2":{"172":1}}],["of",{"2":{"0":2,"5":1,"26":1,"30":1,"34":1,"105":1,"107":1,"112":1,"125":1,"135":1,"155":1,"166":1,"172":1,"177":1,"178":1,"184":2,"185":4,"186":4,"189":1,"191":1,"195":2,"196":2,"197":3,"204":1,"206":1,"220":1,"223":1}}],["room",{"2":{"196":1}}],["rounded",{"0":{"38":1},"2":{"38":1}}],["register",{"0":{"210":1}}],["red",{"2":{"209":1}}],["related",{"2":{"205":1}}],["return",{"2":{"204":1,"221":2}}],["render",{"2":{"188":1}}],["require",{"2":{"178":1,"189":1}}],["requestedthemevariant=",{"2":{"166":2}}],["recommend",{"2":{"178":1,"189":1}}],["recommended",{"2":{"167":1,"184":1,"195":1}}],["ready",{"2":{"177":1}}],["re",{"2":{"170":1,"177":1}}],["removed",{"2":{"168":1}}],["remembers",{"2":{"131":1}}],["resolved",{"2":{"177":1}}],["resolve",{"2":{"177":1}}],["resourcedictionary>",{"2":{"166":2}}],["resources>",{"2":{"166":2}}],["results",{"0":{"1":1},"1":{"2":1,"3":1,"4":1},"2":{"0":1}}],["replace",{"2":{"166":1}}],["replaces",{"2":{"111":1}}],["reference",{"0":{"95":1},"2":{"171":1,"177":1}}],["rather",{"2":{"180":1,"191":1}}],["range",{"2":{"74":1}}],["radiobutton",{"0":{"69":1},"1":{"70":1,"71":1,"72":1,"73":1},"2":{"70":1,"71":1,"72":1}}],["rightwindowtitlebarcontrols>",{"2":{"125":2}}],["right",{"0":{"125":1},"2":{"9":3,"55":1,"125":1}}],["runtime",{"0":{"0":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1},"2":{"0":1,"5":1,"177":1}}],["=>",{"2":{"186":2,"197":3,"204":4,"211":1,"219":1}}],["=",{"2":{"0":1,"158":2,"180":1,"182":2,"191":1,"193":2,"204":5,"206":1,"210":1}}],["feel",{"2":{"205":1}}],["features",{"2":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"84":1,"88":1,"92":1,"106":1,"110":1,"134":1,"138":1,"142":1,"146":1,"150":1,"154":1,"161":1,"165":1,"221":1}}],["free",{"2":{"205":1}}],["friendly",{"2":{"178":1,"189":1}}],["frontmatter",{"0":{"4":1},"2":{"0":3,"4":1}}],["fromseconds",{"2":{"196":1,"197":1}}],["from",{"2":{"0":1,"47":1,"112":1,"167":1,"169":1,"176":1,"177":2,"184":1,"195":1}}],["finally",{"2":{"184":1,"195":1}}],["file",{"2":{"166":1}}],["files",{"2":{"0":1}}],["first",{"2":{"158":1}}],["found",{"2":{"177":2}}],["following",{"2":{"168":1,"177":2}}],["follows",{"2":{"166":2}}],["fontfamily>",{"2":{"166":1}}],["fontfamily",{"2":{"166":1}}],["fontname",{"2":{"166":2}}],["font",{"0":{"166":1},"2":{"166":2}}],["footer",{"2":{"129":1}}],["footercontent>",{"2":{"129":2}}],["for",{"2":{"0":1,"5":1,"7":1,"14":1,"18":1,"22":1,"26":1,"47":1,"51":1,"55":1,"63":1,"69":1,"74":1,"78":1,"93":1,"111":1,"169":1,"170":1,"178":1,"179":1,"181":1,"184":1,"186":1,"188":2,"189":1,"190":1,"192":1,"195":2,"196":1,"197":1,"205":1,"223":1}}],["fluent",{"2":{"168":1,"184":1,"195":1}}],["flyout>",{"2":{"61":4}}],["flat",{"0":{"37":1,"41":1,"119":1},"1":{"120":1,"121":1},"2":{"37":1,"38":1,"41":1,"42":1,"112":1,"119":1}}],["false",{"2":{"57":4,"67":1}}],["functionalities",{"0":{"122":1},"1":{"123":1,"124":1,"125":1}}],["function",{"2":{"30":1}}],["full",{"2":{"5":1,"223":1}}],["v1",{"2":{"204":1}}],["void",{"2":{"184":1,"185":1,"186":1,"195":1,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":2}}],["version",{"2":{"167":2,"170":1,"177":1}}],["var",{"2":{"204":3}}],["variant",{"2":{"166":2,"212":1,"219":1}}],["valid",{"2":{"188":1}}],["value",{"2":{"74":1,"204":3}}],["value=",{"2":{"65":1,"66":1,"67":1,"76":1,"145":1,"153":1,"164":1}}],["visit",{"2":{"170":1,"171":1}}],["via",{"0":{"170":1,"171":1},"2":{"197":1}}],["views",{"2":{"188":1}}],["view",{"0":{"179":1,"190":1}}],["viewlocator",{"2":{"166":2}}],["viewmodel",{"0":{"158":1,"180":1,"191":1},"2":{"184":1,"195":1}}],["vitepress",{"2":{"0":2,"220":1,"221":1}}],["vue",{"2":{"0":1}}],["msg",{"2":{"221":2}}],["mvvm",{"2":{"178":2,"180":1,"189":2,"191":1}}],["mc=",{"2":{"176":2}}],["modified",{"2":{"176":2}}],["modify",{"0":{"175":1}}],["modern",{"2":{"172":1}}],["mode=twoway",{"2":{"141":1}}],["most",{"2":{"169":1,"184":1,"195":1}}],["more",{"0":{"5":1,"223":1},"2":{"170":1,"172":1,"196":1,"197":1}}],["mechanisms",{"2":{"185":1,"196":1}}],["mechanism",{"2":{"185":1,"196":1}}],["method",{"2":{"177":1,"184":3,"185":3,"187":1,"195":3,"196":3,"197":1}}],["means",{"2":{"175":1}}],["messagebox",{"0":{"187":1},"2":{"187":1}}],["message=",{"2":{"141":1}}],["message",{"2":{"139":2}}],["me",{"2":{"87":1}}],["menuitems>",{"2":{"124":2}}],["menuitem>",{"2":{"57":4}}],["menuitem",{"2":{"57":14}}],["menu",{"0":{"124":1},"2":{"55":1,"124":1}}],["missingmethodexception",{"2":{"177":1}}],["miscview",{"2":{"17":1,"21":1,"25":1,"29":1,"62":1,"68":1}}],["microsoft",{"2":{"166":2,"173":1,"176":4}}],["minimum=",{"2":{"76":1}}],["maxtoasts",{"2":{"191":1}}],["maximum=",{"2":{"76":1}}],["manipulate",{"2":{"206":1}}],["manager",{"2":{"182":1,"193":1}}],["manager=",{"2":{"179":1,"190":1}}],["many",{"2":{"175":1}}],["markdown",{"0":{"220":1},"1":{"221":1,"222":1,"223":1},"2":{"220":1,"223":1}}],["markup",{"2":{"176":2,"177":1}}],["margin=",{"2":{"145":1}}],["match",{"2":{"112":1}}],["makes",{"2":{"172":1,"184":1,"195":1}}],["make",{"2":{"93":1,"196":1}}],["mainwindow",{"0":{"176":1},"2":{"176":11,"182":2,"193":2}}],["main",{"2":{"0":1,"127":1}}],["mybutton",{"2":{"45":2}}],["md```js",{"2":{"221":1}}],["md",{"2":{"0":2,"222":1}}],["immediately",{"2":{"186":1,"195":1,"197":1}}],["implement",{"2":{"180":1,"191":1}}],["import",{"2":{"0":1}}],["iavaloniaxamlileagerparentstackprovider",{"2":{"177":1}}],["ireadonlylist`1",{"2":{"177":1}}],["ienumerable",{"2":{"158":1}}],["if",{"2":{"131":1,"169":1,"175":1,"177":1,"180":1,"184":1,"186":1,"191":1,"196":1,"204":1}}],["icon>",{"2":{"57":4,"129":2}}],["icon",{"2":{"57":2,"129":1}}],["isukitoastmanager",{"2":{"189":1,"191":1,"193":1,"195":1}}],["isukidialogmanager",{"2":{"178":1,"180":1,"182":1,"184":1}}],["istextvisible=",{"2":{"164":1}}],["istextvisible",{"2":{"145":1,"153":1,"164":1}}],["isthreestate=",{"2":{"53":1}}],["isvisible=",{"2":{"145":1}}],["isindeterminate",{"2":{"145":1,"153":1}}],["isindeterminate=",{"2":{"145":1,"153":1}}],["isinteractive=",{"2":{"104":1}}],["isopen",{"2":{"141":1}}],["isopen=",{"2":{"141":1}}],["isopaque",{"2":{"141":1}}],["isopaque=",{"2":{"103":1,"141":1}}],["isclosable",{"2":{"141":1}}],["isclosable=",{"2":{"141":1}}],["ischecked=",{"2":{"53":1,"70":1,"71":1,"72":1,"91":1}}],["issue",{"2":{"177":2,"205":1}}],["issearchenabled=",{"2":{"129":1}}],["issnaptotickenabled=",{"2":{"76":1}}],["ismenuvisible=",{"2":{"124":1}}],["isanimated",{"2":{"105":1}}],["isenabled=",{"2":{"57":3}}],["is",{"2":{"7":1,"127":1,"131":2,"135":1,"139":1,"166":1,"169":1,"175":1,"177":2,"178":2,"184":3,"185":3,"186":1,"187":1,"188":1,"189":2,"191":1,"195":2,"196":2,"197":1,"204":2,"222":10}}],["isbusy",{"2":{"6":1}}],["isbusy=",{"2":{"6":1}}],["invoke",{"2":{"204":1}}],["involves",{"2":{"185":1}}],["initializecomponent",{"2":{"176":2}}],["including",{"2":{"186":1,"188":1}}],["included",{"2":{"186":1,"187":2}}],["include",{"2":{"175":1}}],["inch",{"2":{"66":1,"67":1}}],["introduction",{"0":{"172":1},"1":{"173":1}}],["int",{"2":{"158":1}}],["interacted",{"2":{"186":1}}],["interaction",{"0":{"204":1},"2":{"197":1}}],["interactions",{"0":{"186":1,"197":1},"2":{"197":1}}],["interacting",{"2":{"188":1}}],["interactive",{"0":{"104":1}}],["intervals",{"2":{"74":1}}],["internally",{"2":{"7":1}}],["indicator",{"2":{"147":1}}],["index=",{"2":{"157":1}}],["index",{"2":{"95":1}}],["info",{"2":{"141":1,"167":1,"222":4}}],["infobarview",{"2":{"142":1}}],["infobar",{"0":{"139":1},"1":{"140":1,"141":1,"142":1},"2":{"139":1,"141":1,"142":1}}],["information",{"0":{"199":1},"2":{"78":1,"141":1,"170":1,"187":1,"199":1,"204":1}}],["instance",{"2":{"178":1,"184":1,"189":1,"195":1,"206":1}}],["installed",{"2":{"167":1,"168":1}}],["installation",{"0":{"167":1},"1":{"168":1,"169":1,"170":1,"171":1},"2":{"169":1}}],["install",{"0":{"94":1,"169":1},"1":{"170":1,"171":1},"2":{"95":1}}],["inside",{"2":{"96":1}}],["input",{"2":{"63":1,"221":1,"222":1}}],["in",{"0":{"95":1},"2":{"0":1,"34":2,"74":1,"111":1,"112":1,"127":2,"131":2,"167":1,"168":1,"175":1,"178":3,"184":2,"185":2,"186":1,"188":3,"189":3,"191":1,"195":2,"196":1,"205":1,"220":1}}],["itself",{"2":{"197":1}}],["item",{"2":{"131":1}}],["items",{"2":{"131":2}}],["items>",{"2":{"109":2,"129":2}}],["itemssource=",{"2":{"49":1}}],["itemssource>",{"2":{"32":2}}],["it",{"0":{"95":1,"210":2},"2":{"0":1,"7":1,"30":1,"131":2,"178":2,"180":1,"184":2,"185":2,"187":1,"188":2,"189":2,"191":2,"195":2,"196":2,"197":1}}],["ci",{"2":{"167":1,"171":1}}],["circle",{"2":{"143":1}}],["circleprogressbar>",{"2":{"145":1}}],["circleprogressbar",{"0":{"143":1},"1":{"144":1,"145":1,"146":1},"2":{"145":1,"146":1}}],["create",{"0":{"210":1},"2":{"197":1}}],["createtoast",{"2":{"194":1,"195":2,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":2}}],["createdialog",{"2":{"183":1,"184":2,"185":1,"186":1}}],["created",{"2":{"112":1}}],["creating",{"2":{"166":1}}],["csmainwindow",{"2":{"183":1,"194":1}}],["cspublic",{"2":{"180":1,"182":1,"184":1,"185":1,"186":1,"191":1,"193":1,"195":1,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1}}],["cs",{"2":{"106":1,"110":1,"126":1,"130":1,"134":1,"142":1,"146":1,"150":1,"161":1,"165":1,"176":2,"204":1}}],["csharpvar",{"2":{"210":1}}],["csharpsukitheme",{"2":{"206":1,"208":1,"209":1,"211":1,"216":1,"217":1,"218":1,"219":1}}],["csharpusing",{"2":{"176":2}}],["csharp",{"2":{"45":1,"158":1}}],["chain",{"2":{"186":1}}],["chained",{"2":{"184":1,"195":1}}],["changed",{"2":{"219":1}}],["changebasetheme",{"2":{"216":1,"217":1}}],["changecolortheme",{"2":{"209":1,"210":1}}],["change",{"2":{"176":1,"211":1,"212":1}}],["changes",{"2":{"105":2}}],["choose",{"2":{"112":1,"180":1,"191":1}}],["choice",{"2":{"69":1}}],["choices",{"2":{"51":1}}],["chips",{"0":{"71":1},"2":{"71":1}}],["checkbox",{"0":{"51":1},"1":{"52":1,"53":1,"54":1},"2":{"53":3}}],["check",{"2":{"5":1,"177":1,"223":1}}],["c",{"0":{"45":1}}],["close",{"2":{"186":3}}],["class",{"2":{"176":4,"180":1,"182":1,"191":1,"193":1,"206":1,"212":1}}],["class=",{"2":{"166":2,"176":2}}],["classic",{"2":{"112":1}}],["classes=",{"2":{"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"71":1,"72":1,"101":1,"102":1,"129":1,"145":1}}],["clear",{"0":{"81":1}}],["clicked",{"2":{"185":1,"186":1,"196":1,"197":2}}],["clicks",{"2":{"185":1}}],["clicking",{"2":{"131":1,"186":1}}],["click",{"2":{"55":1,"59":1,"61":1}}],["clr",{"2":{"44":1,"166":2,"175":1,"176":1,"177":1}}],["capacity",{"2":{"196":1}}],["careful",{"2":{"188":1}}],["cardsview",{"2":{"106":1}}],["card",{"0":{"96":1},"1":{"97":1,"98":1,"99":1,"100":1,"101":1,"102":1,"103":1,"104":1,"105":1,"106":1},"2":{"96":1}}],["cause",{"2":{"187":1,"197":1}}],["callbacks",{"2":{"197":1}}],["callback",{"2":{"186":1}}],["called",{"2":{"184":1,"195":1}}],["calls",{"2":{"184":1,"186":1,"195":1}}],["call",{"2":{"184":1,"186":1,"195":1}}],["calendardatepicker",{"0":{"22":1},"1":{"23":1,"24":1,"25":1},"2":{"24":1}}],["calendar",{"0":{"14":1},"1":{"15":1,"16":1,"17":1},"2":{"16":1}}],["can",{"2":{"0":1,"7":1,"95":1,"96":1,"107":1,"135":1,"139":1,"167":1,"168":1,"169":1,"178":3,"180":1,"184":3,"185":2,"186":4,"189":3,"191":1,"195":3,"196":2,"197":1,"205":1}}],["custom",{"0":{"166":1,"210":1,"222":1},"2":{"7":1,"59":1}}],["currently",{"2":{"184":1,"185":1}}],["currentpage",{"2":{"133":1}}],["current",{"2":{"0":1,"74":1}}],["code",{"0":{"182":1,"193":1}}],["complex",{"0":{"204":1},"2":{"197":1}}],["completely",{"2":{"175":1}}],["compatibility",{"2":{"176":2}}],["compact",{"2":{"129":1}}],["compositionanimations",{"2":{"105":1}}],["community",{"2":{"93":1}}],["commandparameter=",{"2":{"57":2}}],["command=",{"2":{"57":3}}],["com",{"2":{"82":1,"166":4,"176":6}}],["combobox",{"0":{"47":1},"1":{"48":1,"49":1,"50":1},"2":{"49":1}}],["colorchanged",{"0":{"211":1}}],["colors",{"2":{"210":2}}],["color",{"0":{"207":1,"208":1,"209":1,"210":1},"1":{"208":1,"209":1,"210":1,"211":1},"2":{"34":2,"112":1,"207":1,"211":1}}],["collections",{"2":{"177":1}}],["collectionsview",{"2":{"33":1,"50":1}}],["collection",{"2":{"135":1}}],["collecting",{"2":{"51":1,"69":1,"78":1}}],["collapsed",{"2":{"7":1}}],["correctly",{"2":{"7":1}}],["console",{"2":{"197":2,"211":1,"219":1}}],["constructing",{"2":{"184":2,"195":2}}],["construct",{"2":{"184":2,"195":2}}],["const",{"2":{"0":1}}],["convenience",{"2":{"184":1,"195":1}}],["containers",{"0":{"222":1}}],["context",{"2":{"55":1,"178":1,"189":1}}],["contextmenusview",{"2":{"58":1}}],["contextmenu>",{"2":{"57":4}}],["contextmenu",{"0":{"55":1},"1":{"56":1,"57":1,"58":1}}],["contents",{"2":{"135":1}}],["content>",{"2":{"109":6}}],["content=",{"2":{"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"53":3,"61":1,"70":1,"71":1,"72":1,"87":1,"133":1}}],["content",{"2":{"7":2,"9":4,"59":1,"61":1,"99":1,"101":1,"102":1,"103":1,"104":1,"113":1,"116":1,"119":1,"129":3,"131":2,"137":2,"184":1,"186":1,"188":1,"195":1}}],["control",{"0":{"125":1,"135":1},"1":{"136":1,"137":1,"138":1},"2":{"47":1,"51":1,"55":1,"63":1,"69":1,"74":1,"78":1,"96":2,"127":1,"139":1,"188":1}}],["controlslibrary",{"2":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"88":1,"92":1,"106":1,"134":1,"138":1,"142":1,"146":1,"150":1,"154":1,"161":1,"165":1}}],["controls",{"2":{"7":1,"14":1,"18":1,"22":1,"26":1,"57":4,"93":1,"106":1,"110":1,"125":1,"126":1,"130":1,"133":1,"134":1,"142":1,"146":1,"150":1,"161":1,"162":1,"165":1,"172":1,"175":1,"176":3,"188":1}}],["dialog",{"2":{"184":6,"185":3,"186":3,"187":1}}],["dialoghost",{"2":{"181":1}}],["dialogmanager",{"2":{"179":1,"180":1,"182":2,"183":1,"186":1}}],["dialogs",{"0":{"178":1,"184":1,"185":1},"1":{"179":1,"180":1,"181":1,"182":1,"183":1,"184":1,"185":1,"186":1,"187":1},"2":{"178":3,"184":2,"185":3,"186":1}}],["directparents",{"2":{"177":1}}],["dispose",{"2":{"204":1}}],["dispatcher",{"2":{"204":1}}],["displaytoast",{"2":{"195":1,"196":1,"197":1,"199":1,"200":1,"201":1,"202":1,"203":1}}],["displaydialog",{"2":{"184":1,"185":1,"186":1}}],["displayed",{"2":{"184":1,"191":1,"195":1}}],["displays",{"2":{"139":1}}],["display",{"2":{"135":1,"164":1,"178":2,"184":2,"189":2,"195":3}}],["displaying",{"0":{"184":1,"195":1},"2":{"14":1,"74":1}}],["discussed",{"2":{"185":1}}],["discussion",{"2":{"177":1}}],["dismissonclick",{"2":{"186":1}}],["dismiss",{"2":{"185":3,"186":1,"196":3,"197":2,"204":1}}],["dismissal",{"2":{"185":2,"196":2}}],["dismissed",{"2":{"185":3,"196":4,"197":3}}],["dismissing",{"0":{"185":1,"196":1},"2":{"185":1}}],["distinct",{"2":{"112":1}}],["disabled",{"2":{"57":3}}],["d=",{"2":{"176":2}}],["dll",{"2":{"169":1,"171":1,"177":1}}],["dynamically",{"2":{"112":1}}],["details",{"2":{"222":4}}],["declare",{"2":{"188":1}}],["decided",{"2":{"93":1}}],["desired",{"2":{"184":1,"195":1}}],["designed",{"2":{"178":1,"189":1}}],["design",{"2":{"112":1}}],["definitions",{"2":{"179":1,"181":1,"188":1,"190":1,"192":1}}],["defaultfontfamily",{"2":{"166":2}}],["default",{"2":{"105":1,"131":1,"166":4,"168":1,"175":1,"185":1,"188":1,"196":1,"221":2}}],["demo",{"2":{"10":2,"17":2,"21":2,"25":2,"29":2,"33":2,"46":2,"50":2,"54":2,"58":2,"62":2,"68":2,"73":2,"77":2,"84":2,"88":2,"92":2,"106":2,"110":2,"126":2,"130":2,"134":2,"138":2,"142":2,"146":2,"150":2,"154":2,"161":2,"165":2}}],["demonstrates",{"2":{"0":1,"220":1}}],["dropdownbutton>",{"2":{"61":1}}],["dropdownbutton",{"0":{"59":1},"1":{"60":1,"61":1,"62":1},"2":{"59":1,"61":3}}],["dangerous",{"2":{"222":2}}],["danger",{"2":{"222":2}}],["darkblue",{"2":{"210":1}}],["dark",{"0":{"98":1,"114":1,"117":1,"120":1,"212":1,"214":1,"216":1,"218":1},"1":{"213":1,"214":1,"215":1,"216":1,"217":1,"218":1,"219":1},"2":{"166":2,"212":1,"216":1}}],["dashboardview",{"2":{"84":1}}],["dashboard",{"2":{"84":1}}],["day",{"2":{"26":1}}],["datepicker",{"0":{"18":1},"1":{"19":1,"20":1,"21":1},"2":{"20":1}}],["date",{"2":{"14":1,"18":1,"22":1,"177":1}}],["datatemplates>",{"2":{"166":4}}],["dataset",{"2":{"47":1}}],["data",{"0":{"2":1,"3":1},"2":{"0":3,"14":1,"18":1,"22":1,"221":2}}],["don",{"2":{"186":1}}],["done",{"0":{"177":1},"2":{"170":1}}],["do",{"2":{"175":1,"180":1,"191":1}}],["dotnet",{"2":{"170":1}}],["document",{"2":{"205":1}}],["documentation",{"0":{"205":1},"2":{"5":1,"112":1,"205":1,"223":1}}],["docking",{"2":{"93":1}}],["dock",{"0":{"93":1,"94":1},"1":{"94":1,"95":1},"2":{"93":1,"95":2}}],["downgrade",{"2":{"177":1}}],["downloaded",{"2":{"171":1}}],["download",{"2":{"169":1,"171":1}}],["down",{"2":{"9":3}}],["syntax",{"0":{"221":1},"2":{"221":1}}],["system",{"2":{"32":17,"166":2,"177":3,"212":1}}],["shiki",{"2":{"221":1}}],["ships",{"2":{"188":1}}],["should",{"2":{"171":1}}],["showupdatingtoast",{"2":{"204":2}}],["showactiontoast",{"2":{"204":1}}],["shown",{"2":{"184":1}}],["shows",{"2":{"168":1}}],["showbuttonspinner=",{"2":{"67":1}}],["showprogresstext",{"2":{"204":1}}],["showprogresstext=",{"2":{"153":1}}],["showprogress",{"2":{"45":1}}],["showprogress=",{"2":{"44":1}}],["show",{"0":{"8":1,"15":1,"19":1,"23":1,"27":1,"31":1,"48":1,"52":1,"56":1,"60":1,"75":1,"86":1,"90":1,"108":1,"128":1,"132":1,"136":1,"140":1,"144":1,"148":1,"152":1,"163":1},"2":{"125":1,"139":1,"145":1,"184":1}}],["showing",{"2":{"7":1}}],["switchbasetheme",{"2":{"218":1}}],["switchcolortheme",{"2":{"208":1}}],["switch",{"0":{"208":1,"209":1,"210":1,"216":1,"217":1,"218":1},"2":{"207":1}}],["switches",{"2":{"172":1}}],["switching",{"2":{"85":1,"89":1}}],["schemas",{"2":{"166":2,"176":6}}],["script>",{"2":{"0":1}}],["script",{"2":{"0":1}}],["specific",{"0":{"209":1},"2":{"139":1,"186":1}}],["spinner",{"0":{"67":1}}],["solution",{"2":{"180":1,"191":1}}],["solutions",{"2":{"177":1}}],["source=",{"2":{"95":1}}],["some",{"2":{"0":1,"186":1,"220":1}}],["slider",{"0":{"74":1},"1":{"75":1,"76":1,"77":1},"2":{"76":1}}],["s",{"2":{"34":1,"51":1,"69":1,"131":2,"184":1,"185":1,"195":1,"196":1,"197":1,"205":1}}],["store",{"2":{"173":1}}],["step",{"2":{"158":3}}],["stepindex",{"2":{"157":1,"158":1}}],["steps=",{"2":{"157":1}}],["steps",{"2":{"155":1,"157":1,"158":1,"177":1}}],["stepper",{"0":{"155":1},"1":{"156":1,"157":1,"158":1,"159":1,"160":1,"161":1},"2":{"157":1,"160":1,"161":1}}],["strokewidth=",{"2":{"145":1}}],["stringformat=",{"2":{"145":1}}],["string>china",{"2":{"32":1}}],["string>belgium",{"2":{"32":1}}],["string>germany",{"2":{"32":1}}],["string>england",{"2":{"32":1}}],["string>france",{"2":{"32":1}}],["string>",{"2":{"32":8,"158":1}}],["string>usa",{"2":{"32":3}}],["string",{"2":{"32":1}}],["strings",{"2":{"32":1}}],["style",{"0":{"100":1,"112":1,"159":1,"187":1},"1":{"101":1,"102":1,"103":1,"104":1,"160":1},"2":{"184":1,"187":1,"195":1}}],["styleinclude",{"2":{"95":1}}],["styles>",{"2":{"166":4,"175":2}}],["styles",{"0":{"35":1},"1":{"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1},"2":{"7":1,"34":1,"175":1,"187":1}}],["start",{"2":{"204":1}}],["standalone",{"2":{"185":1}}],["standard",{"0":{"36":1},"2":{"34":1,"178":1,"189":1}}],["static",{"2":{"182":1,"193":1}}],["states",{"2":{"85":1,"89":1}}],["stackpageview",{"2":{"134":1}}],["stackpage",{"2":{"131":2,"134":1}}],["stack",{"0":{"131":1},"1":{"132":1,"133":1,"134":1},"2":{"131":3}}],["supplied",{"2":{"186":1}}],["such",{"2":{"178":1,"189":1}}],["success",{"0":{"200":1},"2":{"141":1,"187":1,"200":1}}],["suitable",{"2":{"169":1}}],["submit",{"2":{"205":1}}],["submenu",{"2":{"57":2}}],["sub",{"2":{"57":1}}],["suggested",{"2":{"32":1}}],["sukicolortheme",{"2":{"210":1}}],["sukicolor",{"2":{"209":1}}],["sukidialogmanager",{"2":{"180":1,"182":1}}],["sukidialoghost",{"2":{"178":1,"179":1,"181":1,"188":1}}],["sukitoastmanager",{"2":{"193":1}}],["sukitoasthost",{"2":{"188":1,"189":1,"190":1,"192":1,"196":1}}],["sukitheme",{"2":{"166":2,"175":1,"177":1,"206":3,"207":1,"210":2,"212":1}}],["sukitest",{"2":{"166":4,"176":4}}],["sukistackpage",{"2":{"133":1,"134":1}}],["sukisidemenu>",{"2":{"129":1}}],["sukisidemenuitem>",{"2":{"129":1}}],["sukisidemenuitem",{"2":{"129":5}}],["sukisidemenu",{"0":{"127":1},"1":{"128":1,"129":1,"130":1},"2":{"127":1,"129":7,"130":1}}],["sukiwindow>",{"2":{"176":1,"179":2,"181":2,"188":2,"190":2,"192":2}}],["sukiwindow",{"0":{"111":1,"176":1},"1":{"112":1,"113":1,"114":1,"115":1,"116":1,"117":1,"118":1,"119":1,"120":1,"121":1,"122":1,"123":1,"124":1,"125":1,"126":1},"2":{"111":1,"113":2,"116":2,"119":2,"123":2,"124":4,"125":2,"126":1,"176":3,"177":2,"178":1,"179":2,"181":2,"182":1,"188":5,"189":1,"190":2,"192":2,"193":1}}],["sukiui=",{"2":{"166":2,"175":1,"176":1}}],["sukiuidemoview",{"2":{"126":1,"130":1}}],["sukiui",{"0":{"94":1,"169":1},"1":{"170":1,"171":1},"2":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"34":1,"44":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"84":1,"88":1,"92":1,"95":2,"106":1,"110":1,"111":1,"112":1,"126":1,"127":1,"130":1,"134":1,"138":1,"142":1,"146":1,"150":1,"154":1,"161":1,"165":1,"166":5,"167":2,"170":2,"171":2,"172":1,"175":3,"176":4,"177":3,"178":1,"188":2,"189":1,"205":1,"206":1,"212":1}}],["suki",{"2":{"6":2,"11":2,"109":17,"113":2,"116":2,"119":2,"123":2,"124":4,"125":2,"129":14,"141":1,"145":2,"149":1,"157":1,"160":1,"164":1,"179":5,"181":5,"188":5,"190":5,"192":5}}],["section",{"2":{"185":1}}],["seconds",{"2":{"196":1,"197":1}}],["second",{"2":{"158":1}}],["self",{"2":{"184":1,"195":1}}],["select",{"2":{"171":2}}],["selecting",{"2":{"47":1}}],["selecteditem=",{"2":{"49":1}}],["selectedtime",{"2":{"28":1}}],["selectedtime=",{"2":{"28":1}}],["selecteddatetimeoffset",{"2":{"20":1,"24":1}}],["selecteddatetime",{"2":{"16":1}}],["selecteddate=",{"2":{"16":1,"20":1,"24":1}}],["severity=",{"2":{"141":1}}],["severity",{"2":{"139":1,"141":1}}],["several",{"2":{"135":1}}],["setup",{"2":{"178":1,"189":1}}],["setup>",{"2":{"0":1}}],["settingslayoutitem>",{"2":{"109":3}}],["settingslayoutitem",{"2":{"109":10}}],["settingslayout>",{"2":{"109":2}}],["settingslayout",{"2":{"107":1,"109":2,"110":1}}],["settings",{"0":{"107":1},"1":{"108":1,"109":1,"110":1},"2":{"107":1,"109":3}}],["set",{"2":{"105":1,"131":2,"166":1,"168":1,"175":2,"186":1,"191":1}}],["separator",{"2":{"57":1}}],["seen",{"2":{"184":1,"195":1}}],["see",{"0":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"84":1,"88":1,"92":1,"106":1,"110":1,"126":1,"130":1,"134":1,"138":1,"142":1,"146":1,"150":1,"154":1,"161":1,"165":1}}],["sidebar",{"2":{"205":1}}],["simply",{"2":{"131":1,"178":1,"186":1,"189":1}}],["simpler",{"2":{"180":1,"191":1}}],["simple",{"0":{"65":1,"80":1},"2":{"96":1,"178":1,"184":2,"189":1,"195":2}}],["similar",{"2":{"127":1,"177":1}}],["size",{"2":{"7":1,"105":1}}],["site",{"2":{"0":1,"205":1}}],["amp",{"0":{"212":1},"1":{"213":1,"214":1,"215":1,"216":1,"217":1,"218":1,"219":1}}],["above",{"2":{"184":1,"188":1,"195":1}}],["about",{"2":{"168":1}}],["attempt",{"2":{"184":1}}],["at",{"2":{"178":1,"185":1,"189":1,"196":2}}],["arbitrary",{"2":{"188":1}}],["artifact",{"2":{"171":1}}],["artifacts",{"2":{"167":1}}],["are",{"2":{"93":1,"105":2,"112":1,"166":2,"177":1,"184":1,"187":1,"188":1,"195":1,"196":1,"197":2}}],["area",{"2":{"7":1}}],["action",{"0":{"171":1},"2":{"166":1,"167":1,"169":1,"171":1,"177":1,"185":1}}],["accent",{"0":{"41":1,"102":1},"2":{"34":1,"41":1,"102":1}}],["access",{"2":{"0":1,"178":1,"189":1}}],["after",{"2":{"166":1,"169":1,"196":2,"197":2}}],["automatic",{"2":{"169":1}}],["automatically",{"2":{"105":1,"131":1}}],["autocomplete",{"2":{"30":1}}],["autocompletebox>",{"2":{"32":2}}],["autocompletebox",{"0":{"30":1},"1":{"31":1,"32":1,"33":1},"2":{"32":2}}],["avalonia",{"2":{"167":1,"168":3,"172":1,"176":1,"177":3}}],["avaloniaresource",{"2":{"166":1}}],["avaloniaui",{"2":{"166":2,"176":2,"212":1}}],["avares",{"2":{"95":1}}],["available",{"0":{"208":1},"2":{"34":1,"135":1,"166":2,"204":2}}],["applications",{"2":{"172":1}}],["application>",{"2":{"166":2,"175":1}}],["application",{"0":{"168":1},"2":{"166":12,"175":3,"178":1,"189":1}}],["apps",{"2":{"111":1}}],["app",{"0":{"95":1,"175":1},"2":{"166":3,"173":1,"175":1,"177":1,"206":1,"207":1}}],["apis",{"2":{"0":1,"5":1,"188":1}}],["api",{"0":{"0":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1},"2":{"0":1,"106":1,"110":1,"126":1,"130":1,"134":1,"142":1,"146":1,"150":1,"161":1,"165":1}}],["associated",{"2":{"184":1,"188":1,"195":1}}],["assets",{"2":{"166":2}}],["assembly=sukiui",{"2":{"44":1,"166":2,"175":1,"176":1,"177":1}}],["assuming",{"2":{"166":1}}],["asked",{"2":{"93":1}}],["as",{"0":{"176":1},"2":{"93":1,"111":1,"178":5,"184":1,"189":5,"195":1}}],["advise",{"2":{"177":1}}],["advice",{"2":{"30":1}}],["additional",{"2":{"221":1}}],["addcolortheme",{"2":{"210":1}}],["adddeletebutton=",{"2":{"81":1}}],["add",{"2":{"55":1,"170":1,"171":1,"185":1,"186":1,"196":1}}],["axaml",{"0":{"44":1,"95":1,"157":1,"160":1,"175":1,"181":1,"192":1},"2":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"84":1,"88":1,"92":1,"95":1,"106":2,"110":2,"126":2,"130":2,"134":2,"138":1,"142":2,"146":2,"150":2,"154":1,"161":2,"165":2,"166":1,"175":1,"176":4}}],["already",{"2":{"131":1,"168":1}}],["alternativestyle=",{"2":{"160":1}}],["alternative",{"0":{"100":1,"159":1},"1":{"101":1,"102":1,"103":1,"104":1,"160":1}}],["also",{"0":{"10":1,"17":1,"21":1,"25":1,"29":1,"33":1,"46":1,"50":1,"54":1,"58":1,"62":1,"68":1,"73":1,"77":1,"84":1,"88":1,"92":1,"106":1,"110":1,"126":1,"130":1,"134":1,"138":1,"142":1,"146":1,"150":1,"154":1,"161":1,"165":1},"2":{"34":1,"131":1,"197":1}}],["allows",{"2":{"141":1,"188":1,"207":1}}],["all",{"2":{"7":1,"188":1}}],["an",{"2":{"131":1,"168":1,"184":1,"185":2,"186":2,"187":1,"195":1,"196":2,"197":1,"204":2,"222":2}}],["any",{"2":{"7":1,"96":1,"175":1,"178":1,"186":2,"188":1,"189":1,"191":1,"197":1}}],["animated",{"2":{"105":2,"172":1}}],["animate",{"2":{"7":1}}],["animations",{"0":{"105":1}}],["animation",{"2":{"7":1,"162":1}}],["and",{"0":{"210":1},"2":{"0":2,"7":2,"74":1,"95":1,"105":1,"139":1,"166":1,"168":1,"172":1,"175":2,"177":4,"178":1,"184":2,"186":1,"187":1,"188":3,"189":1,"195":2,"197":1}}],["a",{"0":{"209":1,"210":1},"2":{"7":1,"26":1,"34":1,"47":2,"51":1,"55":2,"63":1,"69":1,"70":1,"74":1,"78":1,"93":1,"96":1,"107":1,"135":1,"139":2,"155":2,"166":1,"172":1,"175":1,"178":4,"180":1,"184":4,"185":2,"186":2,"188":1,"189":4,"191":1,"195":4,"196":3,"197":3,"206":1,"212":1,"222":8}}],["t",{"2":{"186":1}}],["types",{"0":{"198":1},"1":{"199":1,"200":1,"201":1,"202":1}}],["type",{"2":{"177":1}}],["typearguments=",{"2":{"32":1,"109":1}}],["template",{"2":{"168":2}}],["text=",{"2":{"80":1,"81":1,"82":1,"83":1,"145":1}}],["text",{"2":{"30":1}}],["textblock",{"2":{"145":1}}],["textblock>",{"2":{"9":4}}],["textblock>some",{"2":{"9":4}}],["textboxextensions",{"2":{"81":1,"82":1}}],["textbox",{"0":{"78":1},"1":{"79":1,"80":1,"81":1,"82":1,"83":1,"84":1},"2":{"30":1,"80":1,"81":1,"82":1,"83":1}}],["ttf",{"2":{"166":1}}],["task",{"2":{"155":1}}],["tabitem>",{"2":{"137":2}}],["tabitem",{"2":{"137":2}}],["tabstripplacement",{"2":{"135":1}}],["tabs",{"2":{"135":1}}],["tabcontrolview",{"2":{"138":1}}],["tabcontrol>",{"2":{"137":2}}],["tabcontrol",{"2":{"135":1,"138":1}}],["tab",{"0":{"135":1},"1":{"136":1,"137":1,"138":1},"2":{"137":2}}],["two",{"2":{"53":1,"85":1,"89":1,"167":1,"177":1,"186":1,"188":1}}],["tryshow",{"2":{"183":1,"184":2,"185":1,"186":1}}],["try",{"2":{"177":1}}],["transparent",{"2":{"175":1}}],["triggered",{"2":{"55":1,"211":1,"219":1}}],["true",{"2":{"44":1,"53":2,"57":1,"70":1,"71":1,"72":1,"76":1,"81":1,"91":1,"103":1,"104":1,"105":1,"124":1,"129":1,"160":1,"186":2,"197":1,"203":1,"204":3}}],["treeview",{"0":{"13":1}}],["tip",{"2":{"135":1,"168":1,"170":1,"171":1,"222":4}}],["tickfrequency=",{"2":{"76":1}}],["timer",{"2":{"204":5}}],["times",{"2":{"197":1}}],["timespan",{"2":{"196":1,"197":1}}],["time",{"2":{"26":1}}],["timepicker",{"0":{"26":1},"1":{"27":1,"28":1,"29":1},"2":{"28":1}}],["title=",{"2":{"141":1}}],["titlebar",{"0":{"125":1}}],["title",{"2":{"11":1,"125":1,"129":1,"188":1}}],["toast",{"0":{"198":1,"203":1},"1":{"199":1,"200":1,"201":1,"202":1},"2":{"195":6,"196":4,"197":5,"204":3}}],["toastmanager",{"2":{"190":1,"191":1,"192":1,"193":2,"194":1,"204":3}}],["toasts",{"0":{"189":1,"195":1,"196":1},"1":{"190":1,"191":1,"192":1,"193":1,"194":1,"195":1,"196":1,"197":1,"198":1,"199":1,"200":1,"201":1,"202":1,"203":1,"204":1},"2":{"189":3,"191":1,"195":2,"196":2,"197":2}}],["toggleswitch",{"0":{"89":1},"1":{"90":1,"91":1,"92":1},"2":{"91":1}}],["togglesview",{"2":{"54":1,"73":1,"88":1,"92":1}}],["toggle",{"2":{"87":1}}],["togglebutton",{"0":{"85":1},"1":{"86":1,"87":1,"88":1},"2":{"87":1}}],["to",{"0":{"166":1,"209":1,"210":1,"216":1,"217":1},"2":{"0":1,"7":1,"30":1,"61":1,"93":1,"105":1,"112":3,"127":1,"131":4,"135":1,"139":2,"166":1,"169":1,"173":2,"176":1,"177":5,"178":2,"180":2,"184":8,"185":4,"186":4,"187":3,"188":2,"189":2,"191":4,"195":7,"196":6,"197":2,"205":3,"206":1,"207":1,"212":1}}],["than",{"2":{"196":2}}],["that",{"2":{"96":1,"112":1,"131":2,"135":1,"139":1,"155":1,"166":2,"177":1,"180":1,"184":1,"186":1,"188":1,"191":1,"195":1,"206":1}}],["third",{"2":{"158":1}}],["this",{"2":{"0":1,"112":1,"167":1,"178":1,"180":1,"186":1,"189":1,"191":1,"197":1,"205":1,"220":1,"222":10}}],["through",{"2":{"107":1,"155":1}}],["three",{"2":{"53":1}}],["these",{"2":{"168":1,"184":1,"188":1,"195":1,"197":1}}],["then",{"2":{"166":1,"180":1,"191":1}}],["therefore",{"2":{"184":1,"195":1}}],["there",{"2":{"166":1,"177":1}}],["them",{"2":{"188":1}}],["themingview",{"2":{"110":1}}],["theming",{"2":{"110":1,"177":1,"206":1}}],["themechanged",{"0":{"219":1}}],["themecolor",{"2":{"175":1}}],["themecolor=",{"2":{"166":2,"175":1}}],["themes",{"2":{"168":1,"207":1}}],["themevariant",{"2":{"166":2,"216":1,"217":1}}],["theme=",{"2":{"44":1}}],["theme",{"0":{"2":1,"97":1,"98":1,"99":1,"208":1,"209":1,"210":1,"213":1,"216":1,"217":1,"218":1},"1":{"98":1,"99":1,"214":1,"215":1},"2":{"0":4,"2":1,"34":1,"44":2,"66":1,"67":1,"81":1,"82":1,"93":1,"112":1,"166":2,"172":1,"175":1,"177":1,"206":1,"211":2,"212":2,"219":1}}],["the",{"2":{"0":3,"5":2,"34":2,"59":2,"69":1,"93":1,"95":1,"105":2,"107":2,"111":1,"112":5,"125":1,"127":1,"131":6,"135":1,"139":1,"155":1,"164":1,"166":3,"167":1,"168":2,"169":4,"171":3,"172":1,"173":1,"175":1,"177":7,"178":3,"184":7,"185":9,"186":5,"187":3,"188":1,"189":3,"191":1,"195":7,"196":4,"197":4,"205":1,"206":2,"212":2,"220":1,"223":2}}],["brevity",{"2":{"179":1,"181":1,"188":1,"190":1,"192":1}}],["block",{"2":{"222":2}}],["blend",{"2":{"176":2}}],["blue",{"2":{"112":1,"166":2,"175":1}}],["bar",{"2":{"125":1,"143":1,"151":1,"155":1,"188":1}}],["backgroundstyle=",{"2":{"113":1,"116":1,"119":1}}],["background",{"0":{"112":1},"2":{"112":3,"185":1}}],["background=",{"2":{"109":3}}],["basis",{"2":{"111":1}}],["basic",{"0":{"40":1,"206":1},"2":{"40":1,"197":1}}],["base",{"0":{"70":1}}],["box",{"2":{"222":2}}],["border",{"2":{"109":3}}],["both",{"2":{"0":1,"34":1}}],["built",{"2":{"220":1}}],["builder",{"2":{"184":1,"195":1}}],["build",{"2":{"166":1,"169":2,"177":1}}],["building",{"2":{"111":1}}],["bubble",{"0":{"113":1},"1":{"114":1,"115":1},"2":{"112":1,"113":1}}],["but",{"2":{"34":1,"169":1,"197":1}}],["buttons",{"2":{"185":1,"186":2}}],["buttonsview",{"2":{"46":1}}],["buttonextensions",{"2":{"44":1}}],["button>",{"2":{"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"44":1}}],["button",{"0":{"34":1,"43":1,"81":1},"1":{"35":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"43":1,"44":2,"45":2,"46":1},"2":{"34":1,"36":2,"37":2,"38":2,"39":2,"40":2,"41":2,"42":2,"44":1,"186":2,"197":2}}],["busy",{"0":{"43":1},"1":{"44":1,"45":1},"2":{"6":1}}],["busytext=",{"2":{"6":1}}],["busyarea>",{"2":{"6":1}}],["busyarea",{"0":{"6":1},"2":{"6":1}}],["binding",{"2":{"6":1,"16":1,"20":1,"24":1,"28":1,"49":2,"57":3,"76":1,"133":1,"141":3,"145":4,"153":3,"157":2,"164":2,"179":1,"190":1}}],["beyond",{"2":{"197":1}}],["being",{"2":{"196":1}}],["begin",{"2":{"184":1,"195":1}}],["behind",{"0":{"182":1,"193":1}}],["behaviour",{"2":{"7":1}}],["best",{"2":{"178":1,"189":1}}],["beta",{"2":{"177":1}}],["beta8",{"2":{"167":1}}],["beta1",{"2":{"167":1}}],["between",{"0":{"208":1,"218":1},"2":{"85":1,"89":1,"112":1}}],["be",{"2":{"0":1,"7":1,"30":1,"135":1,"139":1,"167":1,"168":2,"171":1,"175":1,"178":2,"184":4,"185":3,"186":4,"188":1,"189":2,"195":4,"196":3,"197":3}}],["byclicking",{"2":{"196":1}}],["byclickingbackground",{"2":{"185":2}}],["by",{"2":{"0":1,"93":1,"105":2,"175":1,"185":2,"186":1,"188":1,"196":2,"212":1,"220":1,"221":1}}],["purple",{"2":{"210":2}}],["purpletheme",{"2":{"210":3}}],["public",{"2":{"158":1,"176":4}}],["powered",{"2":{"221":1}}],["point",{"2":{"185":1,"196":2}}],["possible",{"2":{"177":1,"187":1,"191":1,"196":1,"197":1}}],["pop",{"2":{"59":1}}],["please",{"2":{"177":1,"188":1}}],["picture",{"2":{"168":1}}],["picking",{"2":{"18":1,"22":1,"26":1}}],["permits",{"2":{"206":1}}],["percentage",{"2":{"145":1,"164":1}}],["perfect",{"2":{"112":1}}],["pair",{"2":{"197":1}}],["parameter",{"2":{"186":2}}],["partial",{"2":{"176":2}}],["part",{"2":{"109":2}}],["part1",{"2":{"109":1}}],["packages",{"2":{"168":2}}],["package",{"0":{"94":1,"169":1},"1":{"170":1,"171":1},"2":{"170":1,"171":1}}],["pathicon",{"2":{"57":2}}],["pages",{"2":{"129":1,"188":1,"205":1}}],["pagecontent>",{"2":{"129":2}}],["page",{"0":{"3":1,"4":1,"131":1},"1":{"132":1,"133":1,"134":1},"2":{"0":7,"3":1,"129":2,"167":1,"177":2,"220":1}}],["private",{"2":{"158":1,"204":2}}],["primary",{"0":{"101":1},"2":{"34":1,"101":1}}],["prepare",{"0":{"168":1}}],["present",{"2":{"96":1,"107":1}}],["prefix=",{"2":{"82":1}}],["prefix",{"0":{"82":1}}],["pre>",{"2":{"0":6}}],["proceed",{"2":{"177":1}}],["project",{"2":{"166":1}}],["progressbar",{"0":{"151":1},"1":{"152":1,"153":1,"154":1},"2":{"153":1,"204":1}}],["progressvalue",{"2":{"145":2,"153":1,"164":1}}],["progressview",{"2":{"77":1,"146":1,"150":1,"154":1,"161":1,"165":1}}],["progress",{"2":{"143":1,"151":1,"162":1,"204":4}}],["provide",{"2":{"185":1,"196":1,"206":1,"212":1}}],["provides",{"2":{"135":1,"178":2,"188":1,"189":2,"221":1}}],["provided",{"2":{"0":1,"78":1,"184":1,"195":1,"197":1,"212":1,"220":1}}],["property",{"2":{"105":1,"131":1,"135":1,"141":1,"188":1}}]],"serializationVersion":2}';export{t as default};
diff --git a/assets/chunks/@localSearchIndexzh.DsxCylmZ.js b/assets/chunks/@localSearchIndexzh.DsxCylmZ.js
new file mode 100644
index 000000000..2f058099a
--- /dev/null
+++ b/assets/chunks/@localSearchIndexzh.DsxCylmZ.js
@@ -0,0 +1 @@
+const t='{"documentCount":214,"nextId":214,"documentIds":{"0":"/SukiUI/zh/documentation/controls/data/busyarea.html#busyarea","1":"/SukiUI/zh/documentation/controls/data/expander.html#expander","2":"/SukiUI/zh/documentation/controls/data/expander.html#展示","3":"/SukiUI/zh/documentation/controls/data/expander.html#示例","4":"/SukiUI/zh/documentation/controls/data/expander.html#参阅","5":"/SukiUI/zh/documentation/controls/data/groupbox.html#groupbox","6":"/SukiUI/zh/documentation/controls/data/listbox.html#listbox","7":"/SukiUI/zh/documentation/controls/data/treeview.html#treeview","8":"/SukiUI/zh/documentation/controls/datetime/calendar.html#calendar","9":"/SukiUI/zh/documentation/controls/datetime/calendar.html#展示","10":"/SukiUI/zh/documentation/controls/datetime/calendar.html#示例","11":"/SukiUI/zh/documentation/controls/datetime/calendar.html#参阅","12":"/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html#calendardatepicker","13":"/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html#展示","14":"/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html#示例","15":"/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html#参阅","16":"/SukiUI/zh/documentation/controls/datetime/datepicker.html#datepicker","17":"/SukiUI/zh/documentation/controls/datetime/datepicker.html#展示","18":"/SukiUI/zh/documentation/controls/datetime/datepicker.html#示例","19":"/SukiUI/zh/documentation/controls/datetime/datepicker.html#参阅","20":"/SukiUI/zh/documentation/controls/datetime/timepicker.html#timepicker","21":"/SukiUI/zh/documentation/controls/datetime/timepicker.html#展示","22":"/SukiUI/zh/documentation/controls/datetime/timepicker.html#示例","23":"/SukiUI/zh/documentation/controls/datetime/timepicker.html#参阅","24":"/SukiUI/zh/documentation/controls/inputs/autocompletebox.html#autocompletebox","25":"/SukiUI/zh/documentation/controls/inputs/autocompletebox.html#展示","26":"/SukiUI/zh/documentation/controls/inputs/autocompletebox.html#示例","27":"/SukiUI/zh/documentation/controls/inputs/autocompletebox.html#参阅","28":"/SukiUI/zh/documentation/controls/inputs/button.html#button","29":"/SukiUI/zh/documentation/controls/inputs/button.html#样式","30":"/SukiUI/zh/documentation/controls/inputs/button.html#standard","31":"/SukiUI/zh/documentation/controls/inputs/button.html#flat","32":"/SukiUI/zh/documentation/controls/inputs/button.html#rounded","33":"/SukiUI/zh/documentation/controls/inputs/button.html#outlined","34":"/SukiUI/zh/documentation/controls/inputs/button.html#basic","35":"/SukiUI/zh/documentation/controls/inputs/button.html#flat-accent","36":"/SukiUI/zh/documentation/controls/inputs/button.html#large","37":"/SukiUI/zh/documentation/controls/inputs/button.html#busy-loading-状态","38":"/SukiUI/zh/documentation/controls/inputs/button.html#axaml","39":"/SukiUI/zh/documentation/controls/inputs/button.html#c","40":"/SukiUI/zh/documentation/controls/inputs/button.html#参阅","41":"/SukiUI/zh/documentation/controls/inputs/checkbox.html#checkbox","42":"/SukiUI/zh/documentation/controls/inputs/checkbox.html#展示","43":"/SukiUI/zh/documentation/controls/inputs/checkbox.html#示例","44":"/SukiUI/zh/documentation/controls/inputs/checkbox.html#参阅","45":"/SukiUI/zh/documentation/controls/inputs/combobox.html#combobox","46":"/SukiUI/zh/documentation/controls/inputs/combobox.html#展示","47":"/SukiUI/zh/documentation/controls/inputs/combobox.html#示例","48":"/SukiUI/zh/documentation/controls/inputs/combobox.html#参阅","49":"/SukiUI/zh/documentation/controls/inputs/contextmenu.html#contextmenu","50":"/SukiUI/zh/documentation/controls/inputs/contextmenu.html#展示","51":"/SukiUI/zh/documentation/controls/inputs/contextmenu.html#示例","52":"/SukiUI/zh/documentation/controls/inputs/contextmenu.html#参阅","53":"/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html#dropdownbutton","54":"/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html#展示","55":"/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html#示例","56":"/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html#参阅","57":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#numericupdown","58":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#示例","59":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#simple","60":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#extension","61":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#no-spinner","62":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#参阅","63":"/SukiUI/zh/documentation/controls/inputs/slider.html#slider","64":"/SukiUI/zh/documentation/controls/inputs/slider.html#展示","65":"/SukiUI/zh/documentation/controls/inputs/slider.html#示例","66":"/SukiUI/zh/documentation/controls/inputs/slider.html#参阅","67":"/SukiUI/zh/documentation/controls/inputs/radiobutton.html#radiobutton","68":"/SukiUI/zh/documentation/controls/inputs/radiobutton.html#base","69":"/SukiUI/zh/documentation/controls/inputs/radiobutton.html#chips","70":"/SukiUI/zh/documentation/controls/inputs/radiobutton.html#gigachips","71":"/SukiUI/zh/documentation/controls/inputs/radiobutton.html#参阅","72":"/SukiUI/zh/documentation/controls/inputs/textbox.html#textbox","73":"/SukiUI/zh/documentation/controls/inputs/textbox.html#示例","74":"/SukiUI/zh/documentation/controls/inputs/textbox.html#simple","75":"/SukiUI/zh/documentation/controls/inputs/textbox.html#clear-button","76":"/SukiUI/zh/documentation/controls/inputs/textbox.html#prefix","77":"/SukiUI/zh/documentation/controls/inputs/textbox.html#watermark","78":"/SukiUI/zh/documentation/controls/inputs/textbox.html#参阅","79":"/SukiUI/zh/documentation/controls/inputs/togglebutton.html#togglebutton","80":"/SukiUI/zh/documentation/controls/inputs/togglebutton.html#展示","81":"/SukiUI/zh/documentation/controls/inputs/togglebutton.html#示例","82":"/SukiUI/zh/documentation/controls/inputs/togglebutton.html#参阅","83":"/SukiUI/zh/documentation/controls/layout/dock.html#dock","84":"/SukiUI/zh/documentation/controls/layout/dock.html#安装-sukiui-dock-包","85":"/SukiUI/zh/documentation/controls/layout/dock.html#在-app-axaml-添加引用","86":"/SukiUI/zh/documentation/controls/inputs/toggleswitch.html#toggleswitch","87":"/SukiUI/zh/documentation/controls/inputs/toggleswitch.html#展示","88":"/SukiUI/zh/documentation/controls/inputs/toggleswitch.html#示例","89":"/SukiUI/zh/documentation/controls/inputs/toggleswitch.html#参阅","90":"/SukiUI/zh/documentation/controls/layout/glasscard.html#glass-card","91":"/SukiUI/zh/documentation/controls/layout/glasscard.html#主题色","92":"/SukiUI/zh/documentation/controls/layout/glasscard.html#暗色","93":"/SukiUI/zh/documentation/controls/layout/glasscard.html#亮色","94":"/SukiUI/zh/documentation/controls/layout/glasscard.html#其他样式","95":"/SukiUI/zh/documentation/controls/layout/glasscard.html#primary","96":"/SukiUI/zh/documentation/controls/layout/glasscard.html#accent","97":"/SukiUI/zh/documentation/controls/layout/glasscard.html#opaque","98":"/SukiUI/zh/documentation/controls/layout/glasscard.html#可交互","99":"/SukiUI/zh/documentation/controls/layout/glasscard.html#动画","100":"/SukiUI/zh/documentation/controls/layout/glasscard.html#参阅","101":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#sukiwindow","102":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#背景样式","103":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#bubble","104":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#暗色","105":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#亮色","106":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#gradient","107":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#暗色-1","108":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#亮色-1","109":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#flat","110":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#暗色-2","111":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#亮色-2","112":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#功能","113":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#logo","114":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#menu","115":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#添加标题栏右侧控件","116":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#参阅","117":"/SukiUI/zh/documentation/controls/layout/settingslayout.html#settings-layout","118":"/SukiUI/zh/documentation/controls/layout/settingslayout.html#展示","119":"/SukiUI/zh/documentation/controls/layout/settingslayout.html#示例","120":"/SukiUI/zh/documentation/controls/layout/settingslayout.html#参阅","121":"/SukiUI/zh/documentation/controls/navigation/sidemenu.html#sukisidemenu","122":"/SukiUI/zh/documentation/controls/navigation/sidemenu.html#展示","123":"/SukiUI/zh/documentation/controls/navigation/sidemenu.html#示例","124":"/SukiUI/zh/documentation/controls/navigation/sidemenu.html#参阅","125":"/SukiUI/zh/documentation/controls/navigation/stackpage.html#stack-page","126":"/SukiUI/zh/documentation/controls/navigation/stackpage.html#展示","127":"/SukiUI/zh/documentation/controls/navigation/stackpage.html#示例","128":"/SukiUI/zh/documentation/controls/navigation/stackpage.html#参阅","129":"/SukiUI/zh/documentation/controls/navigation/tabcontrol.html#tab-control","130":"/SukiUI/zh/documentation/controls/navigation/tabcontrol.html#展示","131":"/SukiUI/zh/documentation/controls/navigation/tabcontrol.html#示例","132":"/SukiUI/zh/documentation/controls/navigation/tabcontrol.html#参阅","133":"/SukiUI/zh/documentation/controls/notification/infobar.html#infobar","134":"/SukiUI/zh/documentation/controls/notification/infobar.html#展示","135":"/SukiUI/zh/documentation/controls/notification/infobar.html#示例","136":"/SukiUI/zh/documentation/controls/notification/infobar.html#参阅","137":"/SukiUI/zh/documentation/controls/progress/circleprogressbar.html#circleprogressbar","138":"/SukiUI/zh/documentation/controls/progress/circleprogressbar.html#展示","139":"/SukiUI/zh/documentation/controls/progress/circleprogressbar.html#示例","140":"/SukiUI/zh/documentation/controls/progress/circleprogressbar.html#参阅","141":"/SukiUI/zh/documentation/controls/progress/loading.html#loading","142":"/SukiUI/zh/documentation/controls/progress/loading.html#展示","143":"/SukiUI/zh/documentation/controls/progress/loading.html#示例","144":"/SukiUI/zh/documentation/controls/progress/loading.html#参阅","145":"/SukiUI/zh/documentation/controls/progress/progressbar.html#progressbar","146":"/SukiUI/zh/documentation/controls/progress/progressbar.html#展示","147":"/SukiUI/zh/documentation/controls/progress/progressbar.html#示例","148":"/SukiUI/zh/documentation/controls/progress/progressbar.html#参阅","149":"/SukiUI/zh/documentation/controls/progress/stepper.html#stepper","150":"/SukiUI/zh/documentation/controls/progress/stepper.html#用法","151":"/SukiUI/zh/documentation/controls/progress/stepper.html#axaml","152":"/SukiUI/zh/documentation/controls/progress/stepper.html#viewmodel","153":"/SukiUI/zh/documentation/controls/progress/stepper.html#使用另一种样式","154":"/SukiUI/zh/documentation/controls/progress/stepper.html#axaml-1","155":"/SukiUI/zh/documentation/controls/progress/stepper.html#参阅","156":"/SukiUI/zh/documentation/controls/progress/waveprogress.html#waveprogress","157":"/SukiUI/zh/documentation/controls/progress/waveprogress.html#展示","158":"/SukiUI/zh/documentation/controls/progress/waveprogress.html#示例","159":"/SukiUI/zh/documentation/controls/progress/waveprogress.html#参阅","160":"/SukiUI/zh/documentation/faq/custom-font.html#如何使用自定义字体","161":"/SukiUI/zh/documentation/getting-started/installation.html#安装","162":"/SukiUI/zh/documentation/getting-started/installation.html#准备工作","163":"/SukiUI/zh/documentation/getting-started/installation.html#安装最新的-sukiui","164":"/SukiUI/zh/documentation/getting-started/installation.html#通过-nuget-安装","165":"/SukiUI/zh/documentation/getting-started/installation.html#通过-github-action-安装","166":"/SukiUI/zh/documentation/getting-started/launch.html#启动应用","167":"/SukiUI/zh/documentation/getting-started/launch.html#修改-app-axaml","168":"/SukiUI/zh/documentation/getting-started/launch.html#将-mainwindow-更改为-sukiwindow","169":"/SukiUI/zh/documentation/getting-started/launch.html#完成","170":"/SukiUI/zh/documentation/getting-started/introduction.html#介绍","171":"/SukiUI/zh/documentation/getting-started/introduction.html#gallery","172":"/SukiUI/zh/documentation/hosts/dialog.html#dialogs","173":"/SukiUI/zh/documentation/hosts/dialog.html#view","174":"/SukiUI/zh/documentation/hosts/dialog.html#viewmodel","175":"/SukiUI/zh/documentation/hosts/dialog.html#axaml","176":"/SukiUI/zh/documentation/hosts/dialog.html#code-behind","177":"/SukiUI/zh/documentation/hosts/dialog.html#用法","178":"/SukiUI/zh/documentation/hosts/dialog.html#显示对话框","179":"/SukiUI/zh/documentation/hosts/dialog.html#关闭对话框","180":"/SukiUI/zh/documentation/hosts/dialog.html#交互操作","181":"/SukiUI/zh/documentation/hosts/dialog.html#消息框样式","182":"/SukiUI/zh/documentation/hosts/hosts.html#hosts","183":"/SukiUI/zh/documentation/hosts/toast.html#toasts","184":"/SukiUI/zh/documentation/hosts/toast.html#view","185":"/SukiUI/zh/documentation/hosts/toast.html#viewmodel","186":"/SukiUI/zh/documentation/hosts/toast.html#axaml","187":"/SukiUI/zh/documentation/hosts/toast.html#code-behind","188":"/SukiUI/zh/documentation/hosts/toast.html#用法","189":"/SukiUI/zh/documentation/hosts/toast.html#显示消息提醒","190":"/SukiUI/zh/documentation/hosts/toast.html#自动消失","191":"/SukiUI/zh/documentation/hosts/toast.html#交互","192":"/SukiUI/zh/documentation/hosts/toast.html#toast-类型","193":"/SukiUI/zh/documentation/hosts/toast.html#information","194":"/SukiUI/zh/documentation/hosts/toast.html#success","195":"/SukiUI/zh/documentation/hosts/toast.html#warning","196":"/SukiUI/zh/documentation/hosts/toast.html#error","197":"/SukiUI/zh/documentation/hosts/toast.html#loading-toast","198":"/SukiUI/zh/documentation/hosts/toast.html#复杂交互","199":"/SukiUI/zh/documentation/#文档","200":"/SukiUI/zh/documentation/theming/basic.html#主题实例","201":"/SukiUI/zh/documentation/theming/theme-color.html#主题色","202":"/SukiUI/zh/documentation/theming/theme-color.html#在可用的主题色间切换","203":"/SukiUI/zh/documentation/theming/theme-color.html#切换到一个指定的主题色","204":"/SukiUI/zh/documentation/theming/theme-color.html#创建-注册-切换到一个自定义主题色","205":"/SukiUI/zh/documentation/theming/theme-color.html#订阅-colorchanged-事件","206":"/SukiUI/zh/documentation/theming/theme.html#明暗主题切换","207":"/SukiUI/zh/documentation/theming/theme.html#主题","208":"/SukiUI/zh/documentation/theming/theme.html#暗色","209":"/SukiUI/zh/documentation/theming/theme.html#亮色","210":"/SukiUI/zh/documentation/theming/theme.html#切换至暗色","211":"/SukiUI/zh/documentation/theming/theme.html#切换至亮色","212":"/SukiUI/zh/documentation/theming/theme.html#明暗切换","213":"/SukiUI/zh/documentation/theming/theme.html#themechanged-事件"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[1,1,12],"1":[1,1,6],"2":[1,1,1],"3":[1,1,15],"4":[1,1,7],"5":[1,1,9],"6":[1,1,1],"7":[1,1,1],"8":[1,1,2],"9":[1,1,1],"10":[1,1,8],"11":[1,1,7],"12":[1,1,2],"13":[1,1,1],"14":[1,1,8],"15":[1,1,7],"16":[1,1,2],"17":[1,1,1],"18":[1,1,8],"19":[1,1,7],"20":[1,1,2],"21":[1,1,1],"22":[1,1,8],"23":[1,1,7],"24":[1,1,5],"25":[1,1,1],"26":[1,1,26],"27":[1,1,7],"28":[1,1,4],"29":[1,1,1],"30":[1,2,7],"31":[1,2,9],"32":[1,2,10],"33":[1,2,9],"34":[1,2,9],"35":[2,2,10],"36":[1,2,10],"37":[3,1,1],"38":[1,4,17],"39":[2,4,5],"40":[1,1,7],"41":[1,1,2],"42":[1,1,1],"43":[1,1,13],"44":[1,1,7],"45":[1,1,2],"46":[1,1,1],"47":[1,1,8],"48":[1,1,7],"49":[1,1,2],"50":[1,1,1],"51":[1,1,29],"52":[1,1,7],"53":[1,1,3],"54":[1,1,1],"55":[1,1,12],"56":[1,1,7],"57":[1,1,2],"58":[1,1,1],"59":[1,2,7],"60":[1,2,11],"61":[2,2,13],"62":[1,1,7],"63":[1,1,2],"64":[1,1,1],"65":[1,1,15],"66":[1,1,7],"67":[1,1,2],"68":[1,1,12],"69":[1,1,12],"70":[1,1,12],"71":[1,1,7],"72":[1,1,2],"73":[1,1,1],"74":[1,2,7],"75":[2,2,11],"76":[1,2,13],"77":[1,2,8],"78":[1,1,7],"79":[1,1,2],"80":[1,1,1],"81":[1,1,8],"82":[1,1,7],"83":[1,1,5],"84":[4,1,1],"85":[4,1,14],"86":[1,1,2],"87":[1,1,1],"88":[1,1,7],"89":[1,1,7],"90":[2,1,3],"91":[1,2,1],"92":[1,3,1],"93":[1,3,6],"94":[1,2,1],"95":[1,3,9],"96":[1,3,9],"97":[1,3,9],"98":[1,3,9],"99":[1,2,17],"100":[1,2,12],"101":[1,1,10],"102":[1,1,15],"103":[1,1,9],"104":[1,2,1],"105":[1,2,1],"106":[1,1,9],"107":[1,2,1],"108":[1,2,1],"109":[1,1,9],"110":[1,2,1],"111":[1,2,1],"112":[1,1,1],"113":[1,2,8],"114":[1,2,10],"115":[1,2,8],"116":[1,1,9],"117":[2,1,8],"118":[1,2,1],"119":[1,2,27],"120":[1,2,11],"121":[1,1,7],"122":[1,1,1],"123":[1,1,26],"124":[1,1,9],"125":[2,1,7],"126":[1,2,1],"127":[1,2,11],"128":[1,2,12],"129":[2,1,8],"130":[1,2,1],"131":[1,2,12],"132":[1,2,8],"133":[1,1,4],"134":[1,1,1],"135":[1,1,26],"136":[1,1,11],"137":[1,1,2],"138":[1,1,1],"139":[1,1,25],"140":[1,1,11],"141":[1,1,2],"142":[1,1,1],"143":[1,1,6],"144":[1,1,11],"145":[1,1,2],"146":[1,1,1],"147":[1,1,12],"148":[1,1,7],"149":[1,1,2],"150":[1,1,1],"151":[1,2,11],"152":[1,2,18],"153":[1,1,1],"154":[1,2,8],"155":[1,1,11],"156":[1,1,2],"157":[1,1,1],"158":[1,1,12],"159":[1,1,11],"160":[1,1,73],"161":[1,1,22],"162":[1,1,13],"163":[2,1,10],"164":[3,3,13],"165":[4,3,16],"166":[1,1,1],"167":[3,1,27],"168":[4,1,51],"169":[1,1,59],"170":[1,1,7],"171":[1,1,6],"172":[1,1,19],"173":[1,1,16],"174":[1,1,16],"175":[1,1,15],"176":[2,1,16],"177":[1,1,6],"178":[1,1,31],"179":[1,1,21],"180":[1,1,25],"181":[1,1,10],"182":[1,1,33],"183":[1,1,19],"184":[1,1,16],"185":[1,1,18],"186":[1,1,15],"187":[2,1,16],"188":[1,1,6],"189":[1,1,38],"190":[1,1,22],"191":[1,1,36],"192":[2,1,1],"193":[1,3,10],"194":[1,3,10],"195":[1,3,10],"196":[1,3,10],"197":[2,1,9],"198":[1,1,50],"199":[1,1,6],"200":[1,1,10],"201":[1,1,3],"202":[1,1,4],"203":[1,1,6],"204":[3,1,13],"205":[3,1,12],"206":[1,1,7],"207":[1,1,1],"208":[1,2,1],"209":[1,2,1],"210":[1,1,6],"211":[1,1,6],"212":[1,1,4],"213":[2,1,12]},"averageFieldLength":[1.1682242990654197,1.3317757009345805,9.2803738317757],"storedFields":{"0":{"title":"BusyArea","titles":[]},"1":{"title":"Expander","titles":[]},"2":{"title":"展示","titles":["Expander"]},"3":{"title":"示例","titles":["Expander"]},"4":{"title":"参阅","titles":["Expander"]},"5":{"title":"GroupBox","titles":[]},"6":{"title":"Listbox","titles":[]},"7":{"title":"Treeview","titles":[]},"8":{"title":"Calendar","titles":[]},"9":{"title":"展示","titles":["Calendar"]},"10":{"title":"示例","titles":["Calendar"]},"11":{"title":"参阅","titles":["Calendar"]},"12":{"title":"CalendarDatePicker","titles":[]},"13":{"title":"展示","titles":["CalendarDatePicker"]},"14":{"title":"示例","titles":["CalendarDatePicker"]},"15":{"title":"参阅","titles":["CalendarDatePicker"]},"16":{"title":"DatePicker","titles":[]},"17":{"title":"展示","titles":["DatePicker"]},"18":{"title":"示例","titles":["DatePicker"]},"19":{"title":"参阅","titles":["DatePicker"]},"20":{"title":"TimePicker","titles":[]},"21":{"title":"展示","titles":["TimePicker"]},"22":{"title":"示例","titles":["TimePicker"]},"23":{"title":"参阅","titles":["TimePicker"]},"24":{"title":"AutoCompleteBox","titles":[]},"25":{"title":"展示","titles":["AutoCompleteBox"]},"26":{"title":"示例","titles":["AutoCompleteBox"]},"27":{"title":"参阅","titles":["AutoCompleteBox"]},"28":{"title":"Button","titles":[]},"29":{"title":"样式","titles":["Button"]},"30":{"title":"Standard","titles":["Button","样式"]},"31":{"title":"Flat","titles":["Button","样式"]},"32":{"title":"Rounded","titles":["Button","样式"]},"33":{"title":"Outlined","titles":["Button","样式"]},"34":{"title":"Basic","titles":["Button","样式"]},"35":{"title":"Flat Accent","titles":["Button","样式"]},"36":{"title":"Large","titles":["Button","样式"]},"37":{"title":"Busy/Loading 状态","titles":["Button"]},"38":{"title":"Axaml","titles":["Button","Busy/Loading 状态"]},"39":{"title":"C#","titles":["Button","Busy/Loading 状态"]},"40":{"title":"参阅","titles":["Button"]},"41":{"title":"CheckBox","titles":[]},"42":{"title":"展示","titles":["CheckBox"]},"43":{"title":"示例","titles":["CheckBox"]},"44":{"title":"参阅","titles":["CheckBox"]},"45":{"title":"Combobox","titles":[]},"46":{"title":"展示","titles":["Combobox"]},"47":{"title":"示例","titles":["Combobox"]},"48":{"title":"参阅","titles":["Combobox"]},"49":{"title":"ContextMenu","titles":[]},"50":{"title":"展示","titles":["ContextMenu"]},"51":{"title":"示例","titles":["ContextMenu"]},"52":{"title":"参阅","titles":["ContextMenu"]},"53":{"title":"DropDownButton","titles":[]},"54":{"title":"展示","titles":["DropDownButton"]},"55":{"title":"示例","titles":["DropDownButton"]},"56":{"title":"参阅","titles":["DropDownButton"]},"57":{"title":"NumericUpDown","titles":[]},"58":{"title":"示例","titles":["NumericUpDown"]},"59":{"title":"Simple","titles":["NumericUpDown","示例"]},"60":{"title":"Extension","titles":["NumericUpDown","示例"]},"61":{"title":"No Spinner","titles":["NumericUpDown","示例"]},"62":{"title":"参阅","titles":["NumericUpDown"]},"63":{"title":"Slider","titles":[]},"64":{"title":"展示","titles":["Slider"]},"65":{"title":"示例","titles":["Slider"]},"66":{"title":"参阅","titles":["Slider"]},"67":{"title":"RadioButton","titles":[]},"68":{"title":"Base","titles":["RadioButton"]},"69":{"title":"Chips","titles":["RadioButton"]},"70":{"title":"GigaChips","titles":["RadioButton"]},"71":{"title":"参阅","titles":["RadioButton"]},"72":{"title":"TextBox","titles":[]},"73":{"title":"示例","titles":["TextBox"]},"74":{"title":"Simple","titles":["TextBox","示例"]},"75":{"title":"Clear Button","titles":["TextBox","示例"]},"76":{"title":"Prefix","titles":["TextBox","示例"]},"77":{"title":"Watermark","titles":["TextBox","示例"]},"78":{"title":"参阅","titles":["TextBox"]},"79":{"title":"ToggleButton","titles":[]},"80":{"title":"展示","titles":["ToggleButton"]},"81":{"title":"示例","titles":["ToggleButton"]},"82":{"title":"参阅","titles":["ToggleButton"]},"83":{"title":"Dock","titles":[]},"84":{"title":"安装 SukiUI.Dock 包","titles":["Dock"]},"85":{"title":"在 App.axaml 添加引用","titles":["Dock"]},"86":{"title":"ToggleSwitch","titles":[]},"87":{"title":"展示","titles":["ToggleSwitch"]},"88":{"title":"示例","titles":["ToggleSwitch"]},"89":{"title":"参阅","titles":["ToggleSwitch"]},"90":{"title":"Glass Card","titles":[]},"91":{"title":"主题色","titles":["Glass Card"]},"92":{"title":"暗色","titles":["Glass Card","主题色"]},"93":{"title":"亮色","titles":["Glass Card","主题色"]},"94":{"title":"其他样式","titles":["Glass Card"]},"95":{"title":"Primary","titles":["Glass Card","其他样式"]},"96":{"title":"Accent","titles":["Glass Card","其他样式"]},"97":{"title":"Opaque","titles":["Glass Card","其他样式"]},"98":{"title":"可交互","titles":["Glass Card","其他样式"]},"99":{"title":"动画","titles":["Glass Card"]},"100":{"title":"参阅","titles":["Glass Card"]},"101":{"title":"SukiWindow","titles":[]},"102":{"title":"背景样式","titles":["SukiWindow"]},"103":{"title":"Bubble","titles":["SukiWindow"]},"104":{"title":"暗色","titles":["SukiWindow","Bubble"]},"105":{"title":"亮色","titles":["SukiWindow","Bubble"]},"106":{"title":"Gradient","titles":["SukiWindow"]},"107":{"title":"暗色","titles":["SukiWindow","Gradient"]},"108":{"title":"亮色","titles":["SukiWindow","Gradient"]},"109":{"title":"Flat","titles":["SukiWindow"]},"110":{"title":"暗色","titles":["SukiWindow","Flat"]},"111":{"title":"亮色","titles":["SukiWindow","Flat"]},"112":{"title":"功能","titles":["SukiWindow"]},"113":{"title":"Logo","titles":["SukiWindow","功能"]},"114":{"title":"Menu","titles":["SukiWindow","功能"]},"115":{"title":"添加标题栏右侧控件","titles":["SukiWindow","功能"]},"116":{"title":"参阅","titles":["SukiWindow"]},"117":{"title":"Settings Layout","titles":[]},"118":{"title":"展示","titles":["Settings Layout"]},"119":{"title":"示例","titles":["Settings Layout"]},"120":{"title":"参阅","titles":["Settings Layout"]},"121":{"title":"SukiSideMenu","titles":[]},"122":{"title":"展示","titles":["SukiSideMenu"]},"123":{"title":"示例","titles":["SukiSideMenu"]},"124":{"title":"参阅","titles":["SukiSideMenu"]},"125":{"title":"Stack Page","titles":[]},"126":{"title":"展示","titles":["Stack Page"]},"127":{"title":"示例","titles":["Stack Page"]},"128":{"title":"参阅","titles":["Stack Page"]},"129":{"title":"Tab Control","titles":[]},"130":{"title":"展示","titles":["Tab Control"]},"131":{"title":"示例","titles":["Tab Control"]},"132":{"title":"参阅","titles":["Tab Control"]},"133":{"title":"InfoBar","titles":[]},"134":{"title":"展示","titles":["InfoBar"]},"135":{"title":"示例","titles":["InfoBar"]},"136":{"title":"参阅","titles":["InfoBar"]},"137":{"title":"CircleProgressBar","titles":[]},"138":{"title":"展示","titles":["CircleProgressBar"]},"139":{"title":"示例","titles":["CircleProgressBar"]},"140":{"title":"参阅","titles":["CircleProgressBar"]},"141":{"title":"Loading","titles":[]},"142":{"title":"展示","titles":["Loading"]},"143":{"title":"示例","titles":["Loading"]},"144":{"title":"参阅","titles":["Loading"]},"145":{"title":"ProgressBar","titles":[]},"146":{"title":"展示","titles":["ProgressBar"]},"147":{"title":"示例","titles":["ProgressBar"]},"148":{"title":"参阅","titles":["ProgressBar"]},"149":{"title":"Stepper","titles":[]},"150":{"title":"用法","titles":["Stepper"]},"151":{"title":"Axaml","titles":["Stepper","用法"]},"152":{"title":"ViewModel","titles":["Stepper","用法"]},"153":{"title":"使用另一种样式","titles":["Stepper"]},"154":{"title":"Axaml","titles":["Stepper","使用另一种样式"]},"155":{"title":"参阅","titles":["Stepper"]},"156":{"title":"WaveProgress","titles":[]},"157":{"title":"展示","titles":["WaveProgress"]},"158":{"title":"示例","titles":["WaveProgress"]},"159":{"title":"参阅","titles":["WaveProgress"]},"160":{"title":"如何使用自定义字体","titles":[]},"161":{"title":"安装","titles":[]},"162":{"title":"准备工作","titles":["安装"]},"163":{"title":"安装最新的 SukiUI","titles":["安装"]},"164":{"title":"通过 Nuget 安装","titles":["安装","安装最新的 SukiUI"]},"165":{"title":"通过 Github Action 安装","titles":["安装","安装最新的 SukiUI"]},"166":{"title":"启动应用","titles":[]},"167":{"title":"修改 App.axaml","titles":["启动应用"]},"168":{"title":"将 MainWindow 更改为 SukiWindow","titles":["启动应用"]},"169":{"title":"完成","titles":["启动应用"]},"170":{"title":"介绍","titles":[]},"171":{"title":"Gallery","titles":["介绍"]},"172":{"title":"Dialogs","titles":[]},"173":{"title":"View","titles":["Dialogs"]},"174":{"title":"ViewModel","titles":["Dialogs"]},"175":{"title":"AXAML","titles":["Dialogs"]},"176":{"title":"Code-Behind","titles":["Dialogs"]},"177":{"title":"用法","titles":["Dialogs"]},"178":{"title":"显示对话框","titles":["Dialogs"]},"179":{"title":"关闭对话框","titles":["Dialogs"]},"180":{"title":"交互操作","titles":["Dialogs"]},"181":{"title":"消息框样式","titles":["Dialogs"]},"182":{"title":"Hosts","titles":[]},"183":{"title":"Toasts","titles":[]},"184":{"title":"View","titles":["Toasts"]},"185":{"title":"ViewModel","titles":["Toasts"]},"186":{"title":"AXAML","titles":["Toasts"]},"187":{"title":"Code-Behind","titles":["Toasts"]},"188":{"title":"用法","titles":["Toasts"]},"189":{"title":"显示消息提醒","titles":["Toasts"]},"190":{"title":"自动消失","titles":["Toasts"]},"191":{"title":"交互","titles":["Toasts"]},"192":{"title":"Toast 类型","titles":["Toasts"]},"193":{"title":"Information","titles":["Toasts","Toast 类型"]},"194":{"title":"Success","titles":["Toasts","Toast 类型"]},"195":{"title":"Warning","titles":["Toasts","Toast 类型"]},"196":{"title":"Error","titles":["Toasts","Toast 类型"]},"197":{"title":"Loading Toast","titles":["Toasts"]},"198":{"title":"复杂交互","titles":["Toasts"]},"199":{"title":"文档","titles":[]},"200":{"title":"主题实例","titles":[]},"201":{"title":"主题色","titles":[]},"202":{"title":"在可用的主题色间切换","titles":["主题色"]},"203":{"title":"切换到一个指定的主题色","titles":["主题色"]},"204":{"title":"创建/注册/切换到一个自定义主题色","titles":["主题色"]},"205":{"title":"订阅 ColorChanged 事件","titles":["主题色"]},"206":{"title":"明暗主题切换","titles":[]},"207":{"title":"主题","titles":["明暗主题切换"]},"208":{"title":"暗色","titles":["明暗主题切换","主题"]},"209":{"title":"亮色","titles":["明暗主题切换","主题"]},"210":{"title":"切换至暗色","titles":["明暗主题切换"]},"211":{"title":"切换至亮色","titles":["明暗主题切换"]},"212":{"title":"明暗切换","titles":["明暗主题切换"]},"213":{"title":"ThemeChanged 事件","titles":["明暗主题切换"]}},"dirtCount":0,"index":[["明暗切换",{"0":{"212":1}}],["明暗主题切换",{"0":{"206":1},"1":{"207":1,"208":1,"209":1,"210":1,"211":1,"212":1,"213":1}}],["切换至亮色",{"0":{"211":1}}],["切换至暗色",{"0":{"210":1}}],["切换到一个自定义主题色",{"0":{"204":1}}],["切换到一个指定的主题色",{"0":{"203":1}}],["轻松实现主题切换",{"2":{"206":1}}],["借助由",{"2":{"206":1}}],["事件",{"0":{"205":1,"213":1}}],["订阅",{"0":{"205":1}}],["注册",{"0":{"204":1}}],["注释说明",{"2":{"178":1}}],["也可以十分简单地切换应用的主题色",{"2":{"201":1}}],["也可以跳转到已存在的",{"2":{"125":1}}],["提供的",{"2":{"206":1}}],["提供",{"2":{"200":1}}],["提供了两个默认的消息回调",{"2":{"191":1}}],["提供了一个用于弹出消息提醒的可选窗口控件",{"2":{"183":1}}],["提供了一个用于弹出对话框的可选窗口控件",{"2":{"172":1}}],["提供了一种现代的构建方式",{"2":{"178":1}}],["提供了多种样式的按钮",{"2":{"28":1}}],["欢迎反馈有关该文档的问题",{"2":{"199":1}}],["欢迎访问",{"2":{"199":1}}],["+=",{"2":{"198":2,"205":1,"213":1}}],["复杂交互",{"0":{"198":1}}],["类型",{"0":{"192":1},"1":{"193":1,"194":1,"195":1,"196":1}}],["类似其他库中的",{"2":{"121":1}}],["按特定按钮会触发",{"2":{"191":1}}],["交互",{"0":{"191":1}}],["交互操作",{"0":{"180":1}}],["被点击后消失的用例",{"2":{"190":1}}],["但是",{"2":{"190":1}}],["但如果你想体验最新构建的功能",{"2":{"163":1}}],["当消息提醒数量超过预设的最大值后",{"2":{"190":1}}],["当你需要提示建议输入项时这将有用",{"2":{"24":1}}],["通常地",{"2":{"190":1}}],["通过该类可以实现对应用主题的修改",{"2":{"200":1}}],["通过链式调用可以轻松设置对话框的标题",{"2":{"178":1}}],["通过",{"0":{"164":1,"165":1},"2":{"163":1}}],["通过将",{"2":{"99":1}}],["自动消失",{"0":{"190":1}}],["最老的消息将会立即消失以腾出空间",{"2":{"190":1}}],["最后通过调用",{"2":{"189":1}}],["最终",{"2":{"165":1}}],["文档",{"0":{"199":1},"2":{"189":1}}],["文件",{"2":{"160":1}}],["且均提供了",{"2":{"189":1}}],["扩展方法",{"2":{"189":1}}],["构造操作的体验是链式的",{"2":{"189":1}}],["构造时推荐在",{"2":{"189":1}}],["构建完对话框后",{"2":{"178":1}}],["构建",{"2":{"169":1}}],["构建后的",{"2":{"161":1}}],["实现了一个现代的消息构造器",{"2":{"189":1}}],["实例上调用",{"2":{"178":1}}],["实例",{"2":{"172":1,"183":1}}],["queue",{"2":{"188":1,"189":2,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1,"198":2}}],["请注意不要不小心在页面",{"2":{"182":1}}],["请从",{"2":{"163":1}}],["仅在",{"2":{"182":1}}],["本身提供两个可选的窗口控件",{"2":{"182":1}}],["而这些控件将会显示在其他所有子控件的上层",{"2":{"182":1}}],["目前支持的信息类型包括",{"2":{"181":1}}],["目前最常见的方式是",{"2":{"179":1}}],["消息框样式",{"0":{"181":1}}],["关闭",{"2":{"180":1}}],["关闭对话框",{"0":{"179":1}}],["保持打开",{"2":{"180":1}}],["根据需要设置不同的操作",{"2":{"180":1}}],["参数来控制点击后是否关闭对话框",{"2":{"180":1}}],["参阅",{"0":{"4":1,"11":1,"15":1,"19":1,"23":1,"27":1,"40":1,"44":1,"48":1,"52":1,"56":1,"62":1,"66":1,"71":1,"78":1,"82":1,"89":1,"100":1,"116":1,"120":1,"124":1,"128":1,"132":1,"136":1,"140":1,"144":1,"148":1,"155":1,"159":1}}],["点击后和消失后会调用命令行输出",{"2":{"191":1}}],["点击后关闭对话框",{"2":{"180":1}}],["点击后的回调操作",{"2":{"180":1}}],["点击dropdownbutton后",{"2":{"53":1}}],["另一种关闭对话框的方式是通过操作按钮",{"2":{"179":1}}],["即",{"2":{"182":1}}],["即用户点击对话框外部时关闭对话框",{"2":{"179":1}}],["即玻璃拟态设计",{"2":{"102":1}}],["要添加关闭方式",{"2":{"179":1}}],["对话框没有自动关闭机制",{"2":{"179":1}}],["对于大多数用户来说",{"2":{"163":1}}],["下面的代码展示了一个点击背景即可关闭的空对话框",{"2":{"179":1}}],["下面是一个简单的对话框示例",{"2":{"178":1}}],["下载",{"2":{"165":1}}],["例如",{"2":{"178":1,"179":1}}],["前提是当前没有其他对话框正在显示",{"2":{"178":1}}],["前往",{"2":{"171":1}}],["调用",{"2":{"178":1}}],["调整",{"2":{"169":1}}],["所有方法都有相应的",{"2":{"178":1}}],["接下来将介绍这一点",{"2":{"179":1}}],["接下来",{"2":{"178":1}}],["方法来实现更复杂的交互操作",{"2":{"191":1}}],["方法来设置消失的条件",{"2":{"190":1}}],["方法来让该消息进入队列中",{"2":{"189":1}}],["方法来开始构建对话框",{"2":{"178":1}}],["方法为对话框应用内置的消息框样式",{"2":{"181":1}}],["方法为对话框添加按钮",{"2":{"180":1}}],["方法",{"2":{"179":1}}],["方法即可显示对话框",{"2":{"178":1}}],["方便地呈现",{"2":{"117":1}}],["你也可以通过调用",{"2":{"190":1}}],["你也可以添加多个按钮",{"2":{"180":1}}],["你的控件",{"2":{"182":1}}],["你的包列表应为",{"2":{"165":1}}],["你还可以通过",{"2":{"181":1}}],["你可以通过",{"2":{"180":1}}],["你可以在侧边栏跳转到相关网页",{"2":{"199":1}}],["你可以在",{"2":{"178":1}}],["只是想做一些简单实现",{"2":{"174":1,"185":1}}],["\\ttoastmanager",{"2":{"189":1,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1}}],["\\tdialogmanager",{"2":{"178":1,"179":1,"180":1}}],["\\tpublic",{"2":{"174":1,"176":2,"185":1,"187":2}}],["\\t\\ttoasthost",{"2":{"187":1}}],["\\t\\tdialoghost",{"2":{"176":1}}],["\\t\\tinitializecomponent",{"2":{"176":1,"187":1}}],["\\t\\t",{"2":{"173":1,"175":1,"178":3,"179":2,"180":3,"182":1,"184":1,"186":1,"189":3,"190":1,"191":1}}],["\\t",{"2":{"173":2,"175":2,"176":2,"177":1,"182":2,"184":2,"186":2,"187":2,"188":1}}],["定义已略去",{"2":{"173":1,"175":1,"182":1,"184":1,"186":1}}],["来获得给定的",{"2":{"172":1,"183":1}}],["设计模式",{"2":{"174":1,"185":1}}],["设计模式下使用的例子",{"2":{"172":1,"183":1}}],["设计模式友好",{"2":{"172":1,"183":1}}],["设置主题",{"2":{"169":1}}],["设置编辑器",{"2":{"162":1}}],["该消息提醒控件对",{"2":{"183":1}}],["该方法可以设置按钮的文字",{"2":{"180":1}}],["该对话框对",{"2":{"172":1}}],["该控件可以很轻易地在",{"2":{"172":1,"183":1}}],["这是一个模拟更新操作的",{"2":{"198":1}}],["这将没有任何效果",{"2":{"182":1}}],["这里是示例对话框的内容",{"2":{"178":1}}],["这也是最推荐且能达到最佳效果的使用方法",{"2":{"172":1,"183":1}}],["这样",{"2":{"99":1}}],["体验",{"2":{"171":1}}],["应用",{"2":{"170":1}}],["美观的",{"2":{"170":1}}],["使用",{"2":{"170":1}}],["使用另一种样式",{"0":{"153":1},"1":{"154":1}}],["介绍",{"0":{"170":1},"1":{"171":1}}],["然后执行以下步骤",{"2":{"169":1}}],["然后替换",{"2":{"160":1}}],["引用来自",{"2":{"169":1}}],["有效",{"2":{"182":1}}],["有两种可能的解决方案",{"2":{"169":1}}],["有关",{"2":{"162":1}}],["页面",{"2":{"169":1}}],["建议参阅",{"2":{"169":1}}],["创建",{"0":{"204":1}}],["创建更简约",{"2":{"170":1}}],["创建项目后",{"2":{"169":1}}],["创建的窗口和许多控件都将完全透明",{"2":{"167":1}}],["至此",{"2":{"169":1}}],["完成",{"0":{"169":1}}],["原来的",{"2":{"168":2}}],["更改为",{"0":{"168":1}}],["将",{"0":{"168":1}}],["将会弹出自定义的内容",{"2":{"53":1}}],["如果你并未使用",{"2":{"174":1,"185":1}}],["如果你遇到了包括但不限于以下异常",{"2":{"169":1}}],["如果没有设置主题颜色",{"2":{"167":1}}],["如何使用自定义字体",{"0":{"160":1}}],["修改后的",{"2":{"168":2}}],["修改",{"0":{"167":1}}],["启动应用",{"0":{"166":1},"1":{"167":1,"168":1,"169":1}}],["选择刚刚下载的",{"2":{"165":1}}],["选择最后一个workflow",{"2":{"165":1}}],["选择一天中某一时分的控件",{"2":{"20":1}}],["步骤",{"2":{"165":1}}],["访问",{"2":{"164":1,"165":1}}],["默认情况下",{"2":{"179":1}}],["默认的包列表",{"2":{"162":1}}],["默认启用",{"2":{"99":1}}],["项目创建后",{"2":{"162":1}}],["项目后的",{"2":{"160":1}}],["准备工作",{"0":{"162":1}}],["获取实例",{"2":{"200":1}}],["获取更多信息",{"2":{"164":1}}],["获取",{"2":{"161":1}}],["从而显示提示消息",{"2":{"183":1}}],["从而显示对话框",{"2":{"172":1}}],["从",{"2":{"161":1}}],["从一个数据集中选择的控件",{"2":{"45":1}}],["推荐",{"2":{"161":1}}],["6",{"2":{"161":1,"164":1}}],["写完本篇时",{"2":{"161":1}}],["yourproject",{"2":{"160":1}}],["key=",{"2":{"160":1}}],["并立即显示消息",{"2":{"189":1}}],["并且可以选择性地通过",{"2":{"180":1}}],["并添加",{"2":{"165":1}}],["并将其构建行为设置为",{"2":{"160":1}}],["并支持添加主题色",{"2":{"28":1}}],["假设存在一组字体文件",{"2":{"160":1}}],["带波浪动画的进度控件",{"2":{"156":1}}],["=>",{"2":{"180":2,"191":3,"198":4,"205":1,"213":1}}],["=",{"2":{"152":2,"174":1,"176":2,"185":1,"187":2,"198":5,"200":1,"204":1}}],["v1",{"2":{"198":1}}],["void",{"2":{"178":1,"179":1,"180":1,"189":1,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1,"198":2}}],["version",{"2":{"164":1}}],["views",{"2":{"182":1}}],["view",{"0":{"173":1,"184":1}}],["viewlocator",{"2":{"160":2}}],["viewmodel",{"0":{"152":1,"174":1,"185":1},"2":{"189":1}}],["value",{"2":{"198":3}}],["value=",{"2":{"59":1,"60":1,"61":1,"65":1,"139":1,"147":1,"158":1}}],["var",{"2":{"198":3}}],["variant",{"2":{"160":2,"213":1}}],["用法",{"0":{"150":1,"177":1,"188":1},"1":{"151":1,"152":1}}],["用于向用户传达特定严重程度的信息",{"2":{"133":1}}],["用于选择日期的控件",{"2":{"12":1,"16":1}}],["指引用户分步骤完成一项任务的控件",{"2":{"149":1}}],["进度条",{"2":{"145":1}}],["加载控件",{"2":{"141":1}}],["百分比显示",{"2":{"139":1}}],["圆形进度条",{"2":{"137":1}}],["elapsed",{"2":{"198":1}}],["error",{"0":{"196":1},"2":{"135":1,"181":1,"196":1}}],["example",{"2":{"189":2}}],["exampleviewmodel",{"2":{"174":1,"185":1}}],["expression",{"2":{"168":2}}],["expanddirection=",{"2":{"3":4}}],["expanderview",{"2":{"4":1}}],["expander>",{"2":{"3":4}}],["expander",{"0":{"1":1},"1":{"2":1,"3":1,"4":1},"2":{"1":1,"3":8}}],["extension",{"0":{"60":1}}],["属性",{"2":{"182":1}}],["属性是可用的",{"2":{"129":1}}],["属性设为",{"2":{"99":1}}],["5",{"2":{"127":1}}],["其中一个按钮会关闭对话框",{"2":{"180":1}}],["其数量可以设限",{"2":{"125":1}}],["其他页面",{"2":{"123":1}}],["其他样式",{"0":{"94":1},"1":{"95":1,"96":1,"97":1,"98":1}}],["内提供了",{"2":{"182":1}}],["内包含多个",{"2":{"125":1}}],["内容等",{"2":{"178":1}}],["内容",{"2":{"93":1,"95":1,"96":1,"97":1,"98":1,"103":1,"106":1,"109":1}}],["主题",{"0":{"207":1},"1":{"208":1,"209":1}}],["主题变体",{"2":{"206":1}}],["主题实例",{"0":{"200":1}}],["主题色",{"0":{"91":1,"201":1},"1":{"92":1,"93":1,"202":1,"203":1,"204":1,"205":1}}],["主要的导航控件",{"2":{"121":1}}],["是最新版本",{"2":{"169":1}}],["是否显示百分比",{"2":{"158":1}}],["是一个提醒控件",{"2":{"133":1}}],["是一个可以折叠",{"2":{"1":1}}],["是",{"2":{"121":1}}],["它也会随着窗口宽度的变化而更新",{"2":{"117":1}}],["同时你也可以通过",{"2":{"172":1,"183":1}}],["同时",{"2":{"117":1,"191":1}}],["显示消息提醒",{"0":{"189":1}}],["显示对话框",{"0":{"178":1}}],["显示在标题栏右侧的控件",{"2":{"115":1}}],["显示日期数据的控件",{"2":{"8":1}}],["功能",{"0":{"112":1},"1":{"113":1,"114":1,"115":1}}],["动态生成",{"2":{"102":1}}],["动画",{"0":{"99":1}}],["此处为蓝色",{"2":{"102":1}}],["需要注意的是",{"2":{"102":1}}],["背景会根据你的主题颜色",{"2":{"102":1}}],["背景",{"2":{"102":1}}],["背景样式",{"0":{"102":1}}],["平面",{"2":{"102":1}}],["以下是让一个消息在3秒钟后",{"2":{"190":1}}],["以下是在",{"2":{"189":1}}],["以下是一个显示3秒钟后消失",{"2":{"191":1}}],["以下是一个包含两个按钮的对话框示例",{"2":{"180":1}}],["以下是一些",{"2":{"172":1,"183":1}}],["以下是",{"2":{"162":1}}],["以下是创建一个新的基于",{"2":{"160":1}}],["以展现多种内容",{"2":{"129":1}}],["以及经典的",{"2":{"102":1}}],["以启用动画",{"2":{"99":1}}],["气泡",{"2":{"102":1}}],["分别是",{"2":{"102":1,"191":1}}],["允许你在三种不同的背景选项之间进行选择",{"2":{"102":1}}],["成为构建",{"2":{"101":1}}],["代替",{"2":{"101":1}}],["中的用例",{"2":{"189":1}}],["中声明",{"2":{"182":1}}],["中添加",{"2":{"167":1}}],["中下载构建",{"2":{"163":1}}],["中",{"2":{"101":1}}],["和",{"2":{"99":1,"169":2,"181":1,"182":1,"191":1}}],["就能让其",{"2":{"99":1}}],["的文档站",{"2":{"199":1}}],["的消息用例",{"2":{"191":1}}],["的实例上调用",{"2":{"189":1}}],["的情况下",{"2":{"169":1}}],["的版本直到异常消失",{"2":{"169":1}}],["的版本是",{"2":{"161":2}}],["的值以达到限制消息弹出数量的效果",{"2":{"185":1}}],["的值",{"2":{"135":1}}],["的设置页",{"2":{"117":1}}],["的基础",{"2":{"101":1}}],["的更改带有过渡效果",{"2":{"99":1}}],["的",{"2":{"99":1,"167":1,"169":1}}],["可以在该属性内添加任意控件",{"2":{"182":1}}],["可以使用",{"2":{"179":1}}],["可以参考以下方法",{"2":{"174":1,"185":1}}],["可以被删除",{"2":{"162":1}}],["可以通过修改",{"2":{"185":1}}],["可以通过以下两种方式安装",{"2":{"161":1}}],["可以通过切换",{"2":{"129":1}}],["可以通过",{"2":{"117":1,"191":1}}],["可以往里面塞各种内容",{"2":{"90":1}}],["可交互",{"0":{"98":1}}],["亮色",{"0":{"93":1,"105":1,"108":1,"111":1,"209":1}}],["暗色",{"0":{"92":1,"104":1,"107":1,"110":1,"208":1}}],["一个简单的卡片式控件",{"2":{"90":1}}],["风格的",{"2":{"85":1}}],["之后就可以使用",{"2":{"85":1}}],["添加",{"2":{"172":1,"183":1}}],["添加标题栏右侧控件",{"0":{"115":1}}],["添加引用",{"0":{"85":1}}],["添加补全功能",{"2":{"24":1}}],["包括标题栏",{"2":{"182":1}}],["包括",{"2":{"169":1}}],["包",{"0":{"84":1}}],["安装完成",{"2":{"169":1}}],["安装是不错的选择",{"2":{"163":1}}],["安装最新的",{"0":{"163":1},"1":{"164":1,"165":1}}],["安装",{"0":{"84":1,"161":1,"164":1,"165":1},"1":{"162":1,"163":1,"164":1,"165":1}}],["库",{"2":{"83":1,"85":1}}],["在可用的主题色间切换",{"0":{"202":1}}],["在保证",{"2":{"169":1}}],["在项目中添加引用",{"2":{"165":1}}],["在这些包中",{"2":{"162":1}}],["在标题栏上点击任何一个标题都可以跳转至该页面",{"2":{"125":1}}],["在",{"0":{"85":1},"2":{"99":1,"101":1,"167":1,"182":1}}],["在社区讨论后决定使用并定制",{"2":{"83":1}}],["在两种状态间切换",{"2":{"79":1,"86":1}}],["writeline",{"2":{"191":2,"205":1,"213":1}}],["world",{"2":{"135":1}}],["was",{"2":{"191":1}}],["waveprogress",{"0":{"156":1},"1":{"157":1,"158":1,"159":1},"2":{"158":1,"159":1}}],["warning",{"0":{"195":1},"2":{"135":2,"167":1,"169":1,"181":1,"182":1,"195":1}}],["watermark=",{"2":{"77":1}}],["watermark",{"0":{"77":1},"2":{"77":1}}],["winfx",{"2":{"160":2,"168":2}}],["window>",{"2":{"168":1}}],["window",{"2":{"101":1,"168":2}}],["withloadingstate",{"2":{"197":1}}],["withactionbuttonnormal",{"2":{"198":1}}],["withactionbutton",{"2":{"180":3,"191":2,"198":1}}],["withcontent",{"2":{"178":1,"189":1,"198":2}}],["withtitle",{"2":{"178":1,"189":1,"198":2}}],["with",{"2":{"51":2}}],["www",{"2":{"76":1}}],["收集用户提供的信息的基础控件",{"2":{"72":1}}],["收集用户单项选择的控件",{"2":{"67":1}}],["收集用户多项选择的控件",{"2":{"41":1}}],["purple",{"2":{"204":2}}],["purpletheme",{"2":{"204":3}}],["public",{"2":{"152":1,"168":4}}],["package",{"2":{"164":1}}],["pagecontent>",{"2":{"123":2}}],["page",{"0":{"125":1},"1":{"126":1,"127":1,"128":1},"2":{"123":2}}],["partial",{"2":{"168":2}}],["part",{"2":{"119":2}}],["part1",{"2":{"119":1}}],["pathicon",{"2":{"51":2}}],["private",{"2":{"152":1,"198":2}}],["primary",{"0":{"95":1},"2":{"95":1}}],["progress",{"2":{"198":4}}],["progressbar",{"0":{"145":1},"1":{"146":1,"147":1,"148":1},"2":{"147":1,"198":1}}],["progressvalue",{"2":{"139":2,"147":1,"158":1}}],["progressview",{"2":{"66":1,"140":1,"144":1,"148":1,"155":1,"159":1}}],["prefix=",{"2":{"76":1}}],["prefix",{"0":{"76":1}}],["0",{"2":{"65":1,"139":5,"161":3,"164":2,"198":4}}],["uithread",{"2":{"198":1}}],["unable",{"2":{"169":1}}],["unit=",{"2":{"60":1,"61":1}}],["using",{"2":{"160":2}}],["updating",{"2":{"198":1}}],["update",{"2":{"198":3}}],["up",{"2":{"3":3}}],["数字输入控件",{"2":{"57":1}}],["nuget",{"0":{"164":1},"2":{"161":1,"163":1,"164":1}}],["numericupdownextensions",{"2":{"60":1,"61":1}}],["numericupdown",{"0":{"57":1},"1":{"58":1,"59":1,"60":1,"61":1,"62":1},"2":{"59":1,"60":1,"61":1}}],["name=",{"2":{"175":1,"186":1}}],["namespace",{"2":{"38":1,"160":2,"167":1,"168":3,"169":2}}],["navigationview",{"2":{"121":1}}],["now",{"2":{"198":1}}],["notificationtype",{"2":{"193":1,"194":1,"195":1,"196":1}}],["not",{"2":{"169":2}}],["no",{"0":{"61":1}}],["new",{"2":{"174":1,"176":1,"185":1,"187":1,"198":2,"204":1}}],["nested",{"2":{"51":2}}],["next",{"2":{"51":1}}],["gallery",{"0":{"171":1}}],["gt",{"2":{"169":1}}],["generic",{"2":{"169":1}}],["getinstance",{"2":{"200":1,"202":1,"203":1,"204":2,"205":1,"210":1,"211":1,"212":1,"213":1}}],["get",{"2":{"152":1,"169":1,"174":1,"185":1}}],["github",{"0":{"165":1},"2":{"160":2,"161":1,"163":1,"165":1,"168":2,"169":1}}],["gigachips",{"0":{"70":1},"2":{"70":1}}],["gradient",{"0":{"106":1},"1":{"107":1,"108":1},"2":{"106":1}}],["groupname=",{"2":{"68":1}}],["groupbox>",{"2":{"5":1}}],["groupbox",{"0":{"5":1},"2":{"5":1}}],["glassmorphism",{"2":{"100":1}}],["glass",{"0":{"90":1},"1":{"91":1,"92":1,"93":1,"94":1,"95":1,"96":1,"97":1,"98":1,"99":1,"100":1}}],["glasscard",{"2":{"51":2,"95":1,"96":1,"97":1,"98":1,"99":2,"100":1}}],["glasscard>",{"2":{"51":2,"93":2,"95":1,"96":1,"97":1,"98":1}}],["google",{"2":{"76":1}}],["hosts>",{"2":{"173":2,"175":2,"182":2,"184":2,"186":2}}],["hosts",{"0":{"182":1},"2":{"172":1,"182":2,"183":1}}],["http",{"2":{"160":2,"168":6}}],["https",{"2":{"76":1,"160":2,"168":2}}],["h3",{"2":{"139":1}}],["here",{"2":{"189":1}}],["header",{"2":{"123":1}}],["headercontent>",{"2":{"123":2}}],["header=",{"2":{"3":4,"5":1,"51":10,"119":3,"123":1,"131":2}}],["height=",{"2":{"119":3}}],["hello",{"2":{"74":1,"75":1,"135":1}}],["hideprogress",{"2":{"39":1}}],["mvvm",{"2":{"172":2,"174":1,"183":2,"185":1}}],["mc=",{"2":{"168":2}}],["maxtoasts",{"2":{"185":1}}],["maximum=",{"2":{"65":1}}],["manager",{"2":{"176":1,"187":1}}],["manager=",{"2":{"173":1,"184":1}}],["markup",{"2":{"168":2,"169":1}}],["margin=",{"2":{"139":1}}],["mainwindow",{"0":{"168":1},"2":{"168":10,"176":2,"187":2}}],["mode=twoway",{"2":{"135":1}}],["method",{"2":{"169":1}}],["message=",{"2":{"135":1}}],["menu",{"0":{"114":1},"2":{"114":1}}],["menuitems>",{"2":{"114":2}}],["menuitem>",{"2":{"51":4}}],["menuitem",{"2":{"51":14}}],["me",{"2":{"81":1}}],["missingmethodexception",{"2":{"169":1}}],["miscview",{"2":{"11":1,"15":1,"19":1,"23":1,"56":1,"62":1}}],["microsoft",{"2":{"160":2,"168":4,"171":1}}],["minimum=",{"2":{"65":1}}],["mybutton",{"2":{"39":2}}],["状态",{"0":{"37":1},"1":{"38":1,"39":1}}],["of",{"2":{"189":1}}],["oftype",{"2":{"181":1,"193":1,"194":1,"195":1,"196":1}}],["onbasethemechanged",{"2":{"213":1}}],["oncolorthemechanged",{"2":{"205":1}}],["onclicked",{"2":{"191":2}}],["ondismissed",{"2":{"191":2}}],["on",{"2":{"164":1}}],["one",{"2":{"43":1,"68":1,"69":1,"70":1}}],["other",{"2":{"160":2}}],["org",{"2":{"168":2}}],["or",{"2":{"160":2}}],["opacity",{"2":{"99":1}}],["opaque",{"0":{"97":1}}],["openxmlformats",{"2":{"168":2}}],["open",{"2":{"55":1}}],["options",{"2":{"160":2}}],["option",{"2":{"43":3,"51":5,"68":1,"69":1,"70":1}}],["outlined",{"0":{"33":1},"2":{"33":1}}],["object",{"2":{"169":1}}],["objectmodel",{"2":{"26":2,"119":2}}],["observableproperty",{"2":{"152":1}}],["observablecollection>",{"2":{"26":1,"119":1}}],["observablecollection",{"2":{"26":1,"119":1}}],["runtime",{"2":{"169":1}}],["red",{"2":{"203":1}}],["return",{"2":{"198":1}}],["resolve",{"2":{"169":1}}],["resourcedictionary>",{"2":{"160":2}}],["resources>",{"2":{"160":2}}],["requestedthemevariant=",{"2":{"160":2}}],["radiobutton",{"0":{"67":1},"1":{"68":1,"69":1,"70":1,"71":1},"2":{"68":1,"69":1,"70":1}}],["rounded",{"0":{"32":1},"2":{"32":1}}],["rightwindowtitlebarcontrols>",{"2":{"115":2}}],["right",{"2":{"3":3}}],["fromseconds",{"2":{"190":1,"191":1}}],["from",{"2":{"169":1}}],["found",{"2":{"169":2}}],["fontfamily>",{"2":{"160":1}}],["fontfamily",{"2":{"160":1}}],["fontname",{"2":{"160":2}}],["follows",{"2":{"160":2}}],["footer",{"2":{"123":1}}],["footercontent>",{"2":{"123":2}}],["first",{"2":{"152":1}}],["fluent",{"2":{"162":1}}],["flyout>",{"2":{"55":4}}],["flat",{"0":{"31":1,"35":1,"109":1},"1":{"110":1,"111":1},"2":{"31":1,"32":1,"35":1,"36":1,"102":1,"109":1}}],["false",{"2":{"51":4,"61":1}}],["features",{"2":{"4":1,"11":1,"15":1,"19":1,"23":1,"27":1,"40":1,"44":1,"48":1,"52":1,"56":1,"62":1,"66":1,"71":1,"78":1,"82":1,"89":1,"100":1,"120":1,"128":1,"132":1,"136":1,"140":1,"144":1,"148":1,"155":1,"159":1}}],["样式",{"0":{"29":1},"1":{"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1}}],["300",{"2":{"119":3}}],["3",{"2":{"26":1,"119":1,"190":1,"191":1}}],["20",{"2":{"198":1}}],["2008",{"2":{"168":2}}],["2006",{"2":{"160":2,"168":4}}],["276",{"2":{"169":2}}],["265",{"2":{"169":1}}],["2",{"2":{"26":1,"119":1,"131":1,"139":1,"161":1}}],["11",{"2":{"139":1,"161":1}}],["100",{"2":{"65":1,"198":1}}],["10",{"2":{"59":1,"60":1,"61":1}}],["1",{"2":{"26":1,"65":1,"131":1,"152":1,"198":1}}],["if",{"2":{"198":1}}],["iavaloniaxamlileagerparentstackprovider",{"2":{"169":1}}],["ireadonlylist`1",{"2":{"169":1}}],["ienumerable",{"2":{"152":1}}],["items>",{"2":{"119":2,"123":2}}],["itemssource=",{"2":{"47":1}}],["itemssource>",{"2":{"26":2}}],["invoke",{"2":{"198":1}}],["initializecomponent",{"2":{"168":2}}],["int",{"2":{"152":1}}],["information",{"0":{"193":1},"2":{"135":1,"181":1,"193":1,"198":1}}],["info",{"2":{"135":1,"161":1}}],["infobarview",{"2":{"136":1}}],["infobar",{"0":{"133":1},"1":{"134":1,"135":1,"136":1},"2":{"133":1,"135":1,"136":1}}],["index=",{"2":{"151":1}}],["index",{"2":{"85":1}}],["inch",{"2":{"60":1,"61":1}}],["icon>",{"2":{"51":4,"123":2}}],["icon",{"2":{"51":2,"123":1}}],["is",{"2":{"198":1}}],["isukitoastmanager",{"2":{"183":1,"185":1,"187":1,"189":1}}],["isukidialogmanager",{"2":{"172":1,"174":1,"176":1,"178":1}}],["istextvisible=",{"2":{"158":1}}],["istextvisible",{"2":{"139":1,"147":1,"158":1}}],["isthreestate=",{"2":{"43":1}}],["isvisible=",{"2":{"139":1}}],["isindeterminate",{"2":{"139":1,"147":1}}],["isindeterminate=",{"2":{"139":1,"147":1}}],["isinteractive=",{"2":{"98":1}}],["isopen",{"2":{"135":1}}],["isopen=",{"2":{"135":1}}],["isopaque",{"2":{"135":1}}],["isopaque=",{"2":{"97":1,"135":1}}],["isclosable",{"2":{"135":1}}],["isclosable=",{"2":{"135":1}}],["ischecked=",{"2":{"43":1,"68":1,"69":1,"70":1,"88":1}}],["issue",{"2":{"169":2}}],["issearchenabled=",{"2":{"123":1}}],["issnaptotickenabled=",{"2":{"65":1}}],["ismenuvisible=",{"2":{"114":1}}],["isanimated",{"2":{"99":1}}],["isenabled=",{"2":{"51":3}}],["isbusy",{"2":{"0":1}}],["isbusy=",{"2":{"0":1}}],["为了创建和显示对话框",{"2":{"178":1}}],["为你的字体",{"2":{"160":1}}],["为控件添加一个右键触发的上下文菜单",{"2":{"49":1}}],["为",{"2":{"24":1}}],["after",{"2":{"190":1,"191":1}}],["an",{"2":{"189":1}}],["addcolortheme",{"2":{"204":1}}],["add",{"2":{"164":1}}],["adddeletebutton=",{"2":{"75":1}}],["action",{"0":{"165":1},"2":{"161":1,"163":1,"165":1,"169":1,"191":1}}],["accent",{"0":{"35":1,"96":1},"2":{"35":1,"96":1}}],["assets",{"2":{"160":2}}],["assembly=sukiui",{"2":{"38":1,"160":2,"167":1,"168":1,"169":1}}],["are",{"2":{"160":2}}],["avalonia",{"2":{"161":1,"162":3,"168":1,"169":3,"170":1}}],["avaloniaresource",{"2":{"160":1}}],["avaloniaui",{"2":{"160":2,"168":2,"206":1}}],["available",{"2":{"160":2,"198":2}}],["avares",{"2":{"85":1}}],["alternativestyle=",{"2":{"154":1}}],["api",{"2":{"100":1,"116":1,"120":1,"124":1,"128":1,"136":1,"140":1,"144":1,"155":1,"159":1}}],["application>",{"2":{"160":2,"167":1}}],["application",{"2":{"160":12,"167":3}}],["app",{"0":{"85":1,"167":1},"2":{"101":1,"117":1,"160":3,"167":1}}],["a",{"2":{"68":1}}],["autocompletebox>",{"2":{"26":2}}],["autocompletebox",{"0":{"24":1},"1":{"25":1,"26":1,"27":1},"2":{"26":2}}],["axaml",{"0":{"38":1,"85":1,"151":1,"154":1,"167":1,"175":1,"186":1},"2":{"4":1,"11":1,"15":1,"19":1,"23":1,"27":1,"40":1,"44":1,"48":1,"52":1,"56":1,"62":1,"66":1,"71":1,"78":1,"82":1,"85":1,"89":1,"100":2,"116":2,"120":2,"124":2,"128":2,"132":1,"136":2,"140":2,"144":2,"148":1,"155":2,"159":2,"160":1,"167":1,"168":4}}],["switchbasetheme",{"2":{"212":1}}],["switchcolortheme",{"2":{"202":1}}],["schemas",{"2":{"160":2,"168":6}}],["size",{"2":{"99":1}}],["simple",{"0":{"59":1,"74":1}}],["source=",{"2":{"85":1}}],["slider",{"0":{"63":1},"1":{"64":1,"65":1,"66":1},"2":{"65":1}}],["showupdatingtoast",{"2":{"198":2}}],["showactiontoast",{"2":{"198":1}}],["showbuttonspinner=",{"2":{"61":1}}],["showprogresstext",{"2":{"198":1}}],["showprogresstext=",{"2":{"147":1}}],["showprogress",{"2":{"39":1}}],["showprogress=",{"2":{"38":1}}],["spinner",{"0":{"61":1}}],["seen",{"2":{"189":1}}],["second",{"2":{"152":1}}],["severity",{"2":{"135":1}}],["severity=",{"2":{"135":1}}],["settingslayoutitem>",{"2":{"119":3}}],["settingslayoutitem",{"2":{"119":10}}],["settingslayout>",{"2":{"119":2}}],["settingslayout",{"2":{"117":1,"119":2,"120":1}}],["settings",{"0":{"117":1},"1":{"118":1,"119":1,"120":1},"2":{"119":3}}],["separator",{"2":{"51":1}}],["selecteditem=",{"2":{"47":1}}],["selectedtime",{"2":{"22":1}}],["selectedtime=",{"2":{"22":1}}],["selecteddatetimeoffset",{"2":{"14":1,"18":1}}],["selecteddatetime",{"2":{"10":1}}],["selecteddate=",{"2":{"10":1,"14":1,"18":1}}],["store",{"2":{"171":1}}],["styles",{"2":{"167":1}}],["styles>",{"2":{"160":4,"167":2}}],["styleinclude",{"2":{"85":1}}],["step",{"2":{"152":3}}],["steps",{"2":{"151":1,"152":1}}],["steps=",{"2":{"151":1}}],["stepindex",{"2":{"151":1,"152":1}}],["stepper",{"0":{"149":1},"1":{"150":1,"151":1,"152":1,"153":1,"154":1,"155":1},"2":{"151":1,"154":1,"155":1}}],["strokewidth=",{"2":{"139":1}}],["stringformat=",{"2":{"139":1}}],["string>china",{"2":{"26":1}}],["string>belgium",{"2":{"26":1}}],["string>germany",{"2":{"26":1}}],["string>england",{"2":{"26":1}}],["string>france",{"2":{"26":1}}],["string>",{"2":{"26":8,"152":1}}],["string>usa",{"2":{"26":3}}],["string",{"2":{"26":1}}],["strings",{"2":{"26":1}}],["start",{"2":{"198":1}}],["static",{"2":{"176":1,"187":1}}],["stackpageview",{"2":{"128":1}}],["stackpage",{"2":{"125":2,"128":1}}],["stack",{"0":{"125":1},"1":{"126":1,"127":1,"128":1}}],["standard",{"0":{"30":1}}],["system",{"2":{"26":17,"160":2,"169":3}}],["success",{"0":{"194":1},"2":{"135":1,"181":1,"194":1}}],["sub",{"2":{"51":1}}],["submenu",{"2":{"51":2}}],["suggested",{"2":{"26":1}}],["sukicolortheme",{"2":{"204":1}}],["sukicolor",{"2":{"203":1}}],["sukidialogmanager",{"2":{"174":1,"176":1}}],["sukidialoghost",{"2":{"172":1,"173":1,"175":1,"182":1}}],["sukitoastmanager",{"2":{"187":1}}],["sukitoasthost",{"2":{"182":1,"183":1,"184":1,"186":1}}],["sukitheme",{"2":{"160":2,"167":2,"169":1,"200":2,"201":1,"204":2}}],["sukitest",{"2":{"160":4,"168":4}}],["sukistackpage",{"2":{"127":1,"128":1}}],["sukisidemenu>",{"2":{"123":1}}],["sukisidemenuitem>",{"2":{"123":1}}],["sukisidemenuitem",{"2":{"123":5}}],["sukisidemenu",{"0":{"121":1},"1":{"122":1,"123":1,"124":1},"2":{"121":1,"123":7,"124":1}}],["sukiwindow>",{"2":{"168":1,"173":2,"175":2,"182":2,"184":2,"186":2}}],["sukiwindow",{"0":{"101":1,"168":1},"1":{"102":1,"103":1,"104":1,"105":1,"106":1,"107":1,"108":1,"109":1,"110":1,"111":1,"112":1,"113":1,"114":1,"115":1,"116":1},"2":{"101":1,"103":2,"106":2,"109":2,"113":2,"114":4,"115":2,"116":1,"168":2,"169":2,"172":1,"173":2,"175":2,"176":1,"182":5,"183":1,"184":2,"186":2,"187":1}}],["sukiui=",{"2":{"160":2,"167":1,"168":1}}],["sukiuidemoview",{"2":{"116":1,"124":1}}],["sukiui",{"0":{"84":1,"163":1},"1":{"164":1,"165":1},"2":{"4":1,"11":1,"15":1,"19":1,"23":1,"27":1,"28":1,"38":1,"40":1,"44":1,"48":1,"52":1,"56":1,"62":1,"66":1,"71":1,"78":1,"82":1,"83":1,"85":2,"89":1,"100":1,"101":1,"102":1,"116":1,"120":1,"121":1,"124":1,"128":1,"132":1,"136":1,"140":1,"144":1,"148":1,"155":1,"159":1,"160":5,"161":2,"164":2,"165":2,"167":2,"168":4,"169":3,"170":1,"172":1,"178":1,"182":2,"183":1,"189":1,"191":1,"199":1,"200":1,"206":1}}],["suki",{"2":{"0":2,"5":2,"103":2,"106":2,"109":2,"113":2,"114":4,"115":2,"119":17,"123":14,"135":1,"139":2,"143":1,"151":1,"154":1,"158":1,"173":5,"175":5,"182":5,"184":5,"186":5}}],["createtoast",{"2":{"188":1,"189":2,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1,"198":2}}],["createdialog",{"2":{"177":1,"178":2,"179":1,"180":1}}],["ci",{"2":{"161":1,"165":1}}],["circleprogressbar>",{"2":{"139":1}}],["circleprogressbar",{"0":{"137":1},"1":{"138":1,"139":1,"140":1},"2":{"139":1,"140":1}}],["currentpage",{"2":{"127":1}}],["csmainwindow",{"2":{"177":1,"188":1}}],["cspublic",{"2":{"174":1,"176":1,"178":1,"179":1,"180":1,"185":1,"187":1,"189":1,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1}}],["cs",{"2":{"100":1,"116":1,"120":1,"124":1,"128":1,"136":1,"140":1,"144":1,"155":1,"159":1,"168":2,"198":1}}],["csharpvar",{"2":{"204":1}}],["csharpsukitheme",{"2":{"200":1,"202":1,"203":1,"205":1,"210":1,"211":1,"212":1,"213":1}}],["csharpusing",{"2":{"168":2}}],["csharp",{"2":{"39":1,"152":1}}],["can",{"2":{"189":1}}],["cardsview",{"2":{"100":1}}],["card",{"0":{"90":1},"1":{"91":1,"92":1,"93":1,"94":1,"95":1,"96":1,"97":1,"98":1,"99":1,"100":1}}],["calendardatepicker",{"0":{"12":1},"1":{"13":1,"14":1,"15":1},"2":{"14":1}}],["calendar",{"0":{"8":1},"1":{"9":1,"10":1,"11":1},"2":{"10":1}}],["changed",{"2":{"213":1}}],["changebasetheme",{"2":{"210":1,"211":1}}],["change",{"2":{"205":1}}],["changecolortheme",{"2":{"203":1,"204":1}}],["chips",{"0":{"69":1},"2":{"69":1}}],["checkbox",{"0":{"41":1},"1":{"42":1,"43":1,"44":1},"2":{"43":3}}],["c",{"0":{"39":1}}],["class",{"2":{"168":2,"174":1,"176":1,"185":1,"187":1}}],["class=",{"2":{"160":2,"168":2}}],["classes=",{"2":{"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"69":1,"70":1,"95":1,"96":1,"123":1,"139":1}}],["clear",{"0":{"75":1}}],["clicked",{"2":{"191":1}}],["click",{"2":{"55":1}}],["clr",{"2":{"38":1,"160":2,"167":1,"168":1,"169":1}}],["color",{"2":{"205":1}}],["colorchanged",{"0":{"205":1}}],["colors",{"2":{"204":2}}],["collections",{"2":{"169":1}}],["collectionsview",{"2":{"27":1,"48":1}}],["console",{"2":{"191":2,"205":1,"213":1}}],["control",{"0":{"129":1},"1":{"130":1,"131":1,"132":1}}],["controls",{"2":{"51":4,"100":1,"116":1,"120":1,"124":1,"127":1,"128":1,"136":1,"140":1,"144":1,"155":1,"159":1,"168":3}}],["controlslibrary",{"2":{"4":1,"11":1,"15":1,"19":1,"23":1,"27":1,"40":1,"44":1,"48":1,"52":1,"56":1,"62":1,"66":1,"71":1,"82":1,"89":1,"100":1,"128":1,"132":1,"136":1,"140":1,"144":1,"148":1,"155":1,"159":1}}],["contextmenusview",{"2":{"52":1}}],["contextmenu>",{"2":{"51":4}}],["contextmenu",{"0":{"49":1},"1":{"50":1,"51":1,"52":1}}],["content>",{"2":{"119":6}}],["content=",{"2":{"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"43":3,"55":1,"68":1,"69":1,"70":1,"81":1,"127":1}}],["content",{"2":{"3":4,"55":1,"123":3,"125":2,"131":2,"189":1}}],["code",{"0":{"176":1,"187":1}}],["compatibility",{"2":{"168":2}}],["compact",{"2":{"123":1}}],["compositionanimations",{"2":{"99":1}}],["com",{"2":{"76":1,"160":4,"168":6}}],["commandparameter=",{"2":{"51":2}}],["command=",{"2":{"51":3}}],["combobox",{"0":{"45":1},"1":{"46":1,"47":1,"48":1},"2":{"47":1}}],["lt",{"2":{"169":1}}],["light",{"2":{"160":2,"211":1}}],["lightgray",{"2":{"119":3}}],["limit=",{"2":{"127":1}}],["listbox",{"0":{"6":1}}],["later",{"2":{"198":1}}],["layout",{"0":{"117":1},"1":{"118":1,"119":1,"120":1}}],["large",{"0":{"36":1},"2":{"36":1}}],["local",{"2":{"160":2}}],["local=",{"2":{"160":2}}],["logocontent>",{"2":{"113":2}}],["logo",{"0":{"113":1},"2":{"113":1}}],["loading",{"0":{"37":1,"141":1,"197":1},"1":{"38":1,"39":1,"142":1,"143":1,"144":1},"2":{"143":1,"144":1}}],["left",{"2":{"3":3}}],["type",{"2":{"169":1}}],["typearguments=",{"2":{"26":1,"119":1}}],["template",{"2":{"162":2}}],["text=",{"2":{"74":1,"75":1,"76":1,"77":1,"139":1}}],["textblock",{"2":{"139":1}}],["textblock>",{"2":{"3":4}}],["textblock>some",{"2":{"3":4}}],["textboxextensions",{"2":{"75":1,"76":1}}],["textbox",{"0":{"72":1},"1":{"73":1,"74":1,"75":1,"76":1,"77":1,"78":1},"2":{"24":1,"74":1,"75":1,"76":1,"77":1}}],["ttf",{"2":{"160":1}}],["tabstripplacement",{"2":{"129":1}}],["tabitem>",{"2":{"131":2}}],["tabitem",{"2":{"129":1,"131":2}}],["tabcontrolview",{"2":{"132":1}}],["tabcontrol>",{"2":{"131":2}}],["tabcontrol",{"2":{"129":1,"132":1}}],["tab",{"0":{"129":1},"1":{"130":1,"131":1,"132":1},"2":{"131":2}}],["toast",{"0":{"192":1,"197":1},"1":{"193":1,"194":1,"195":1,"196":1},"2":{"189":2,"191":2,"198":3}}],["toastmanager",{"2":{"184":1,"185":1,"186":1,"187":2,"188":1,"198":3}}],["toasts",{"0":{"183":1},"1":{"184":1,"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1,"193":1,"194":1,"195":1,"196":1,"197":1,"198":1}}],["toggleswitch",{"0":{"86":1},"1":{"87":1,"88":1,"89":1},"2":{"88":1}}],["togglesview",{"2":{"44":1,"71":1,"82":1,"89":1}}],["toggle",{"2":{"81":1}}],["togglebutton",{"0":{"79":1},"1":{"80":1,"81":1,"82":1},"2":{"81":1}}],["to",{"2":{"55":1,"169":1}}],["the",{"2":{"189":1}}],["themingview",{"2":{"120":1}}],["theming",{"2":{"120":1}}],["themechanged",{"0":{"213":1}}],["themecolor",{"2":{"167":1}}],["themecolor=",{"2":{"160":2,"167":1}}],["themes",{"2":{"162":1}}],["themevariant",{"2":{"160":2,"210":1,"211":1}}],["theme",{"2":{"38":2,"60":1,"61":1,"75":1,"76":1,"160":2,"200":1,"205":2,"213":1}}],["theme=",{"2":{"38":1}}],["third",{"2":{"152":1}}],["three",{"2":{"43":1}}],["two",{"2":{"43":1}}],["triggered",{"2":{"205":1,"213":1}}],["tryshow",{"2":{"177":1,"178":2,"179":1,"180":1}}],["true",{"2":{"38":1,"43":2,"51":1,"65":1,"68":1,"69":1,"70":1,"75":1,"88":1,"97":1,"98":1,"99":1,"114":1,"123":1,"154":1,"180":1,"191":1,"197":1,"198":3}}],["treeview",{"0":{"7":1}}],["timer",{"2":{"198":5}}],["timespan",{"2":{"190":1,"191":1}}],["timepicker",{"0":{"20":1},"1":{"21":1,"22":1,"23":1},"2":{"22":1}}],["tip",{"2":{"129":1,"162":1,"164":1,"165":1}}],["tickfrequency=",{"2":{"65":1}}],["title=",{"2":{"135":1}}],["title",{"2":{"5":1,"123":1}}],["dialoghost",{"2":{"175":1}}],["dialogmanager",{"2":{"173":1,"174":1,"176":2,"177":1}}],["dialogs",{"0":{"172":1},"1":{"173":1,"174":1,"175":1,"176":1,"177":1,"178":1,"179":1,"180":1,"181":1}}],["dispose",{"2":{"198":1}}],["dispatcher",{"2":{"198":1}}],["displaytoast",{"2":{"189":1,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1}}],["displaydialog",{"2":{"178":1,"179":1,"180":1}}],["dismissed",{"2":{"191":1}}],["dismissonclick",{"2":{"180":1}}],["dismiss",{"2":{"179":2,"190":3,"191":2,"198":1}}],["discussion",{"2":{"169":1}}],["disabled",{"2":{"51":3}}],["directparents",{"2":{"169":1}}],["d=",{"2":{"168":2}}],["dll",{"2":{"161":1,"165":1,"169":1}}],["defaultfontfamily",{"2":{"160":2}}],["default",{"2":{"160":4}}],["demo",{"2":{"4":2,"11":2,"15":2,"19":2,"23":2,"27":2,"40":2,"44":2,"48":2,"52":2,"56":2,"62":2,"66":2,"71":2,"78":2,"82":2,"89":2,"100":2,"116":2,"120":2,"124":2,"128":2,"132":2,"136":2,"140":2,"144":2,"148":2,"155":2,"159":2,"171":1}}],["dotnet",{"2":{"164":1}}],["dock",{"0":{"83":1,"84":1},"1":{"84":1,"85":1},"2":{"83":1,"85":2}}],["down",{"2":{"3":3}}],["datatemplates>",{"2":{"160":4}}],["datepicker",{"0":{"16":1},"1":{"17":1,"18":1,"19":1},"2":{"18":1}}],["darkblue",{"2":{"204":1}}],["dark",{"2":{"160":2,"210":1}}],["dashboardview",{"2":{"78":1}}],["dashboard",{"2":{"78":1}}],["dropdownbutton>",{"2":{"55":1}}],["dropdownbutton",{"0":{"53":1},"1":{"54":1,"55":1,"56":1},"2":{"55":3}}],["示例对话框",{"2":{"178":1}}],["示例",{"0":{"3":1,"10":1,"14":1,"18":1,"22":1,"26":1,"43":1,"47":1,"51":1,"55":1,"58":1,"65":1,"73":1,"81":1,"88":1,"119":1,"123":1,"127":1,"131":1,"135":1,"139":1,"143":1,"147":1,"158":1},"1":{"59":1,"60":1,"61":1,"74":1,"75":1,"76":1,"77":1}}],["展示值和范围的控件",{"2":{"63":1}}],["展示",{"0":{"2":1,"9":1,"13":1,"17":1,"21":1,"25":1,"42":1,"46":1,"50":1,"54":1,"64":1,"80":1,"87":1,"118":1,"122":1,"126":1,"130":1,"134":1,"138":1,"142":1,"146":1,"157":1}}],["展开的内容容器",{"2":{"1":1}}],["上下左右",{"2":{"1":1}}],["支持四种方向",{"2":{"1":1}}],[">avares",{"2":{"160":1}}],[">",{"2":{"0":1,"3":4,"5":1,"10":1,"14":1,"18":1,"22":1,"26":2,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"38":1,"43":3,"47":1,"51":12,"55":2,"59":1,"60":1,"61":1,"65":1,"68":1,"69":1,"70":1,"74":1,"75":1,"76":1,"77":1,"81":1,"85":1,"88":1,"93":1,"95":2,"96":2,"97":2,"98":2,"103":3,"106":3,"109":3,"113":1,"114":3,"115":1,"119":7,"123":7,"127":1,"131":4,"135":1,"139":2,"143":1,"147":1,"151":1,"154":1,"158":1,"160":8,"167":2,"168":2,"173":2,"175":2,"182":2,"184":2,"186":2}}],["byclicking",{"2":{"190":1}}],["byclickingbackground",{"2":{"179":2}}],["be",{"2":{"189":1}}],["behind",{"0":{"176":1,"187":1}}],["beta",{"2":{"169":1}}],["beta8",{"2":{"161":1}}],["beta1",{"2":{"161":1}}],["blend",{"2":{"168":2}}],["blue",{"2":{"160":2,"167":1}}],["border",{"2":{"119":3}}],["background=",{"2":{"119":3}}],["backgroundstyle=",{"2":{"103":1,"106":1,"109":1}}],["base",{"0":{"68":1}}],["basic",{"0":{"34":1},"2":{"34":1}}],["bubble",{"0":{"103":1},"1":{"104":1,"105":1},"2":{"102":1,"103":1}}],["buttonsview",{"2":{"40":1}}],["buttonextensions",{"2":{"38":1}}],["button>",{"2":{"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"38":1}}],["button",{"0":{"28":1,"75":1},"1":{"29":1,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"37":1,"38":1,"39":1,"40":1},"2":{"30":2,"31":2,"32":2,"33":2,"34":2,"35":2,"36":2,"38":1}}],["busy",{"0":{"37":1},"1":{"38":1,"39":1},"2":{"0":1}}],["busytext=",{"2":{"0":1}}],["busyarea>",{"2":{"0":1}}],["busyarea",{"0":{"0":1},"2":{"0":1}}],["binding",{"2":{"0":1,"10":1,"14":1,"18":1,"22":1,"47":2,"51":3,"65":1,"127":1,"135":3,"139":4,"147":3,"151":2,"158":2,"173":1,"184":1}}],["xxx",{"2":{"160":1}}],["xamlil",{"2":{"169":1}}],["xaml",{"2":{"160":2,"168":2,"169":1}}],["x=",{"2":{"160":2,"168":2}}],["x",{"2":{"26":1,"51":2,"119":1,"160":3,"168":2}}],["x3c",{"2":{"0":2,"3":16,"5":2,"10":1,"14":1,"18":1,"22":1,"26":23,"30":2,"31":2,"32":2,"33":2,"34":2,"35":2,"36":2,"38":2,"43":3,"47":1,"51":26,"55":7,"59":1,"60":1,"61":1,"65":1,"68":1,"69":1,"70":1,"74":1,"75":1,"76":1,"77":1,"81":1,"85":1,"88":1,"93":3,"95":3,"96":3,"97":3,"98":3,"103":3,"106":3,"109":3,"113":3,"114":5,"115":3,"119":21,"123":19,"127":1,"131":8,"135":1,"139":3,"143":1,"147":1,"151":1,"152":1,"154":1,"158":1,"160":24,"167":5,"168":4,"173":6,"175":6,"182":6,"184":6,"186":6,"198":1}}],["xmlns=",{"2":{"160":2,"168":2}}],["xmlns",{"2":{"38":1,"160":6,"167":1,"168":7,"173":1,"175":1,"182":1,"184":1,"186":1}}],["xml",{"2":{"0":1,"3":1,"5":1,"10":1,"14":1,"18":1,"22":1,"26":1,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"38":1,"43":1,"47":1,"51":1,"55":1,"59":1,"60":1,"61":1,"65":1,"68":1,"69":1,"70":1,"74":1,"75":1,"76":1,"77":1,"81":1,"85":1,"88":1,"93":1,"95":1,"96":1,"97":1,"98":1,"103":1,"106":1,"109":1,"113":1,"114":1,"115":1,"119":1,"123":1,"127":1,"131":1,"135":1,"139":1,"143":1,"147":1,"151":1,"154":1,"158":1,"160":2,"167":1,"168":2,"173":1,"175":1,"178":1,"182":1,"184":1,"186":1,"189":1}}]],"serializationVersion":2}';export{t as default};
diff --git a/assets/chunks/@localSearchIndexzh.OkxnumW8.js b/assets/chunks/@localSearchIndexzh.OkxnumW8.js
deleted file mode 100644
index bdb9b6724..000000000
--- a/assets/chunks/@localSearchIndexzh.OkxnumW8.js
+++ /dev/null
@@ -1 +0,0 @@
-const t='{"documentCount":214,"nextId":214,"documentIds":{"0":"/SukiUI/zh/documentation/controls/data/busyarea.html#busyarea","1":"/SukiUI/zh/documentation/controls/data/expander.html#expander","2":"/SukiUI/zh/documentation/controls/data/expander.html#展示","3":"/SukiUI/zh/documentation/controls/data/expander.html#示例","4":"/SukiUI/zh/documentation/controls/data/expander.html#参阅","5":"/SukiUI/zh/documentation/controls/data/listbox.html#listbox","6":"/SukiUI/zh/documentation/controls/data/groupbox.html#groupbox","7":"/SukiUI/zh/documentation/controls/data/treeview.html#treeview","8":"/SukiUI/zh/documentation/controls/datetime/calendar.html#calendar","9":"/SukiUI/zh/documentation/controls/datetime/calendar.html#展示","10":"/SukiUI/zh/documentation/controls/datetime/calendar.html#示例","11":"/SukiUI/zh/documentation/controls/datetime/calendar.html#参阅","12":"/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html#calendardatepicker","13":"/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html#展示","14":"/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html#示例","15":"/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html#参阅","16":"/SukiUI/zh/documentation/controls/datetime/datepicker.html#datepicker","17":"/SukiUI/zh/documentation/controls/datetime/datepicker.html#展示","18":"/SukiUI/zh/documentation/controls/datetime/datepicker.html#示例","19":"/SukiUI/zh/documentation/controls/datetime/datepicker.html#参阅","20":"/SukiUI/zh/documentation/controls/datetime/timepicker.html#timepicker","21":"/SukiUI/zh/documentation/controls/datetime/timepicker.html#展示","22":"/SukiUI/zh/documentation/controls/datetime/timepicker.html#示例","23":"/SukiUI/zh/documentation/controls/datetime/timepicker.html#参阅","24":"/SukiUI/zh/documentation/controls/inputs/autocompletebox.html#autocompletebox","25":"/SukiUI/zh/documentation/controls/inputs/autocompletebox.html#展示","26":"/SukiUI/zh/documentation/controls/inputs/autocompletebox.html#示例","27":"/SukiUI/zh/documentation/controls/inputs/autocompletebox.html#参阅","28":"/SukiUI/zh/documentation/controls/inputs/button.html#button","29":"/SukiUI/zh/documentation/controls/inputs/button.html#样式","30":"/SukiUI/zh/documentation/controls/inputs/button.html#standard","31":"/SukiUI/zh/documentation/controls/inputs/button.html#flat","32":"/SukiUI/zh/documentation/controls/inputs/button.html#rounded","33":"/SukiUI/zh/documentation/controls/inputs/button.html#outlined","34":"/SukiUI/zh/documentation/controls/inputs/button.html#basic","35":"/SukiUI/zh/documentation/controls/inputs/button.html#flat-accent","36":"/SukiUI/zh/documentation/controls/inputs/button.html#large","37":"/SukiUI/zh/documentation/controls/inputs/button.html#busy-loading-状态","38":"/SukiUI/zh/documentation/controls/inputs/button.html#axaml","39":"/SukiUI/zh/documentation/controls/inputs/button.html#c","40":"/SukiUI/zh/documentation/controls/inputs/button.html#参阅","41":"/SukiUI/zh/documentation/controls/inputs/checkbox.html#checkbox","42":"/SukiUI/zh/documentation/controls/inputs/checkbox.html#展示","43":"/SukiUI/zh/documentation/controls/inputs/checkbox.html#示例","44":"/SukiUI/zh/documentation/controls/inputs/checkbox.html#参阅","45":"/SukiUI/zh/documentation/controls/inputs/combobox.html#combobox","46":"/SukiUI/zh/documentation/controls/inputs/combobox.html#展示","47":"/SukiUI/zh/documentation/controls/inputs/combobox.html#示例","48":"/SukiUI/zh/documentation/controls/inputs/combobox.html#参阅","49":"/SukiUI/zh/documentation/controls/inputs/contextmenu.html#contextmenu","50":"/SukiUI/zh/documentation/controls/inputs/contextmenu.html#展示","51":"/SukiUI/zh/documentation/controls/inputs/contextmenu.html#示例","52":"/SukiUI/zh/documentation/controls/inputs/contextmenu.html#参阅","53":"/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html#dropdownbutton","54":"/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html#展示","55":"/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html#示例","56":"/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html#参阅","57":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#numericupdown","58":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#示例","59":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#simple","60":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#extension","61":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#no-spinner","62":"/SukiUI/zh/documentation/controls/inputs/numericupdown.html#参阅","63":"/SukiUI/zh/documentation/controls/inputs/radiobutton.html#radiobutton","64":"/SukiUI/zh/documentation/controls/inputs/radiobutton.html#base","65":"/SukiUI/zh/documentation/controls/inputs/radiobutton.html#chips","66":"/SukiUI/zh/documentation/controls/inputs/radiobutton.html#gigachips","67":"/SukiUI/zh/documentation/controls/inputs/radiobutton.html#参阅","68":"/SukiUI/zh/documentation/controls/inputs/slider.html#slider","69":"/SukiUI/zh/documentation/controls/inputs/slider.html#展示","70":"/SukiUI/zh/documentation/controls/inputs/slider.html#示例","71":"/SukiUI/zh/documentation/controls/inputs/slider.html#参阅","72":"/SukiUI/zh/documentation/controls/inputs/textbox.html#textbox","73":"/SukiUI/zh/documentation/controls/inputs/textbox.html#示例","74":"/SukiUI/zh/documentation/controls/inputs/textbox.html#simple","75":"/SukiUI/zh/documentation/controls/inputs/textbox.html#clear-button","76":"/SukiUI/zh/documentation/controls/inputs/textbox.html#prefix","77":"/SukiUI/zh/documentation/controls/inputs/textbox.html#watermark","78":"/SukiUI/zh/documentation/controls/inputs/textbox.html#参阅","79":"/SukiUI/zh/documentation/controls/inputs/togglebutton.html#togglebutton","80":"/SukiUI/zh/documentation/controls/inputs/togglebutton.html#展示","81":"/SukiUI/zh/documentation/controls/inputs/togglebutton.html#示例","82":"/SukiUI/zh/documentation/controls/inputs/togglebutton.html#参阅","83":"/SukiUI/zh/documentation/controls/inputs/toggleswitch.html#toggleswitch","84":"/SukiUI/zh/documentation/controls/inputs/toggleswitch.html#展示","85":"/SukiUI/zh/documentation/controls/inputs/toggleswitch.html#示例","86":"/SukiUI/zh/documentation/controls/inputs/toggleswitch.html#参阅","87":"/SukiUI/zh/documentation/controls/layout/dock.html#dock","88":"/SukiUI/zh/documentation/controls/layout/dock.html#安装-sukiui-dock-包","89":"/SukiUI/zh/documentation/controls/layout/dock.html#在-app-axaml-添加引用","90":"/SukiUI/zh/documentation/controls/layout/glasscard.html#glass-card","91":"/SukiUI/zh/documentation/controls/layout/glasscard.html#主题色","92":"/SukiUI/zh/documentation/controls/layout/glasscard.html#暗色","93":"/SukiUI/zh/documentation/controls/layout/glasscard.html#亮色","94":"/SukiUI/zh/documentation/controls/layout/glasscard.html#其他样式","95":"/SukiUI/zh/documentation/controls/layout/glasscard.html#primary","96":"/SukiUI/zh/documentation/controls/layout/glasscard.html#accent","97":"/SukiUI/zh/documentation/controls/layout/glasscard.html#opaque","98":"/SukiUI/zh/documentation/controls/layout/glasscard.html#可交互","99":"/SukiUI/zh/documentation/controls/layout/glasscard.html#动画","100":"/SukiUI/zh/documentation/controls/layout/glasscard.html#参阅","101":"/SukiUI/zh/documentation/controls/layout/settingslayout.html#settings-layout","102":"/SukiUI/zh/documentation/controls/layout/settingslayout.html#展示","103":"/SukiUI/zh/documentation/controls/layout/settingslayout.html#示例","104":"/SukiUI/zh/documentation/controls/layout/settingslayout.html#参阅","105":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#sukiwindow","106":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#背景样式","107":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#bubble","108":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#暗色","109":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#亮色","110":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#gradient","111":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#暗色-1","112":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#亮色-1","113":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#flat","114":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#暗色-2","115":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#亮色-2","116":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#功能","117":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#logo","118":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#menu","119":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#添加标题栏右侧控件","120":"/SukiUI/zh/documentation/controls/layout/sukiwindow.html#参阅","121":"/SukiUI/zh/documentation/controls/navigation/sidemenu.html#sukisidemenu","122":"/SukiUI/zh/documentation/controls/navigation/sidemenu.html#展示","123":"/SukiUI/zh/documentation/controls/navigation/sidemenu.html#示例","124":"/SukiUI/zh/documentation/controls/navigation/sidemenu.html#参阅","125":"/SukiUI/zh/documentation/controls/navigation/stackpage.html#stack-page","126":"/SukiUI/zh/documentation/controls/navigation/stackpage.html#展示","127":"/SukiUI/zh/documentation/controls/navigation/stackpage.html#示例","128":"/SukiUI/zh/documentation/controls/navigation/stackpage.html#参阅","129":"/SukiUI/zh/documentation/controls/navigation/tabcontrol.html#tab-control","130":"/SukiUI/zh/documentation/controls/navigation/tabcontrol.html#展示","131":"/SukiUI/zh/documentation/controls/navigation/tabcontrol.html#示例","132":"/SukiUI/zh/documentation/controls/navigation/tabcontrol.html#参阅","133":"/SukiUI/zh/documentation/controls/notification/infobar.html#infobar","134":"/SukiUI/zh/documentation/controls/notification/infobar.html#展示","135":"/SukiUI/zh/documentation/controls/notification/infobar.html#示例","136":"/SukiUI/zh/documentation/controls/notification/infobar.html#参阅","137":"/SukiUI/zh/documentation/controls/progress/circleprogressbar.html#circleprogressbar","138":"/SukiUI/zh/documentation/controls/progress/circleprogressbar.html#展示","139":"/SukiUI/zh/documentation/controls/progress/circleprogressbar.html#示例","140":"/SukiUI/zh/documentation/controls/progress/circleprogressbar.html#参阅","141":"/SukiUI/zh/documentation/controls/progress/loading.html#loading","142":"/SukiUI/zh/documentation/controls/progress/loading.html#展示","143":"/SukiUI/zh/documentation/controls/progress/loading.html#示例","144":"/SukiUI/zh/documentation/controls/progress/loading.html#参阅","145":"/SukiUI/zh/documentation/controls/progress/progressbar.html#progressbar","146":"/SukiUI/zh/documentation/controls/progress/progressbar.html#展示","147":"/SukiUI/zh/documentation/controls/progress/progressbar.html#示例","148":"/SukiUI/zh/documentation/controls/progress/progressbar.html#参阅","149":"/SukiUI/zh/documentation/controls/progress/stepper.html#stepper","150":"/SukiUI/zh/documentation/controls/progress/stepper.html#用法","151":"/SukiUI/zh/documentation/controls/progress/stepper.html#axaml","152":"/SukiUI/zh/documentation/controls/progress/stepper.html#viewmodel","153":"/SukiUI/zh/documentation/controls/progress/stepper.html#使用另一种样式","154":"/SukiUI/zh/documentation/controls/progress/stepper.html#axaml-1","155":"/SukiUI/zh/documentation/controls/progress/stepper.html#参阅","156":"/SukiUI/zh/documentation/controls/progress/waveprogress.html#waveprogress","157":"/SukiUI/zh/documentation/controls/progress/waveprogress.html#展示","158":"/SukiUI/zh/documentation/controls/progress/waveprogress.html#示例","159":"/SukiUI/zh/documentation/controls/progress/waveprogress.html#参阅","160":"/SukiUI/zh/documentation/faq/custom-font.html#如何使用自定义字体","161":"/SukiUI/zh/documentation/getting-started/installation.html#安装","162":"/SukiUI/zh/documentation/getting-started/installation.html#准备工作","163":"/SukiUI/zh/documentation/getting-started/installation.html#安装最新的-sukiui","164":"/SukiUI/zh/documentation/getting-started/installation.html#通过-nuget-安装","165":"/SukiUI/zh/documentation/getting-started/installation.html#通过-github-action-安装","166":"/SukiUI/zh/documentation/getting-started/introduction.html#介绍","167":"/SukiUI/zh/documentation/getting-started/introduction.html#gallery","168":"/SukiUI/zh/documentation/getting-started/launch.html#启动应用","169":"/SukiUI/zh/documentation/getting-started/launch.html#修改-app-axaml","170":"/SukiUI/zh/documentation/getting-started/launch.html#将-mainwindow-更改为-sukiwindow","171":"/SukiUI/zh/documentation/getting-started/launch.html#完成","172":"/SukiUI/zh/documentation/hosts/hosts.html#hosts","173":"/SukiUI/zh/documentation/hosts/dialog.html#dialogs","174":"/SukiUI/zh/documentation/hosts/dialog.html#view","175":"/SukiUI/zh/documentation/hosts/dialog.html#viewmodel","176":"/SukiUI/zh/documentation/hosts/dialog.html#axaml","177":"/SukiUI/zh/documentation/hosts/dialog.html#code-behind","178":"/SukiUI/zh/documentation/hosts/dialog.html#用法","179":"/SukiUI/zh/documentation/hosts/dialog.html#显示对话框","180":"/SukiUI/zh/documentation/hosts/dialog.html#关闭对话框","181":"/SukiUI/zh/documentation/hosts/dialog.html#交互操作","182":"/SukiUI/zh/documentation/hosts/dialog.html#消息框样式","183":"/SukiUI/zh/documentation/hosts/toast.html#toasts","184":"/SukiUI/zh/documentation/hosts/toast.html#view","185":"/SukiUI/zh/documentation/hosts/toast.html#viewmodel","186":"/SukiUI/zh/documentation/hosts/toast.html#axaml","187":"/SukiUI/zh/documentation/hosts/toast.html#code-behind","188":"/SukiUI/zh/documentation/hosts/toast.html#用法","189":"/SukiUI/zh/documentation/hosts/toast.html#显示消息提醒","190":"/SukiUI/zh/documentation/hosts/toast.html#自动消失","191":"/SukiUI/zh/documentation/hosts/toast.html#交互","192":"/SukiUI/zh/documentation/hosts/toast.html#toast-类型","193":"/SukiUI/zh/documentation/hosts/toast.html#information","194":"/SukiUI/zh/documentation/hosts/toast.html#success","195":"/SukiUI/zh/documentation/hosts/toast.html#warning","196":"/SukiUI/zh/documentation/hosts/toast.html#error","197":"/SukiUI/zh/documentation/hosts/toast.html#loading-toast","198":"/SukiUI/zh/documentation/hosts/toast.html#复杂交互","199":"/SukiUI/zh/documentation/#文档","200":"/SukiUI/zh/documentation/theming/basic.html#主题实例","201":"/SukiUI/zh/documentation/theming/theme-color.html#主题色","202":"/SukiUI/zh/documentation/theming/theme-color.html#在可用的主题色间切换","203":"/SukiUI/zh/documentation/theming/theme-color.html#切换到一个指定的主题色","204":"/SukiUI/zh/documentation/theming/theme-color.html#创建-注册-切换到一个自定义主题色","205":"/SukiUI/zh/documentation/theming/theme-color.html#订阅-colorchanged-事件","206":"/SukiUI/zh/documentation/theming/theme.html#明暗主题切换","207":"/SukiUI/zh/documentation/theming/theme.html#主题","208":"/SukiUI/zh/documentation/theming/theme.html#暗色","209":"/SukiUI/zh/documentation/theming/theme.html#亮色","210":"/SukiUI/zh/documentation/theming/theme.html#切换至暗色","211":"/SukiUI/zh/documentation/theming/theme.html#切换至亮色","212":"/SukiUI/zh/documentation/theming/theme.html#明暗切换","213":"/SukiUI/zh/documentation/theming/theme.html#themechanged-事件"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[1,1,12],"1":[1,1,6],"2":[1,1,1],"3":[1,1,15],"4":[1,1,7],"5":[1,1,1],"6":[1,1,9],"7":[1,1,1],"8":[1,1,2],"9":[1,1,1],"10":[1,1,8],"11":[1,1,7],"12":[1,1,2],"13":[1,1,1],"14":[1,1,8],"15":[1,1,7],"16":[1,1,2],"17":[1,1,1],"18":[1,1,8],"19":[1,1,7],"20":[1,1,2],"21":[1,1,1],"22":[1,1,8],"23":[1,1,7],"24":[1,1,5],"25":[1,1,1],"26":[1,1,26],"27":[1,1,7],"28":[1,1,4],"29":[1,1,1],"30":[1,2,7],"31":[1,2,9],"32":[1,2,10],"33":[1,2,9],"34":[1,2,9],"35":[2,2,10],"36":[1,2,10],"37":[3,1,1],"38":[1,4,17],"39":[2,4,5],"40":[1,1,7],"41":[1,1,2],"42":[1,1,1],"43":[1,1,13],"44":[1,1,7],"45":[1,1,2],"46":[1,1,1],"47":[1,1,8],"48":[1,1,7],"49":[1,1,2],"50":[1,1,1],"51":[1,1,29],"52":[1,1,7],"53":[1,1,3],"54":[1,1,1],"55":[1,1,12],"56":[1,1,7],"57":[1,1,2],"58":[1,1,1],"59":[1,2,7],"60":[1,2,11],"61":[2,2,13],"62":[1,1,7],"63":[1,1,2],"64":[1,1,12],"65":[1,1,12],"66":[1,1,12],"67":[1,1,7],"68":[1,1,2],"69":[1,1,1],"70":[1,1,15],"71":[1,1,7],"72":[1,1,2],"73":[1,1,1],"74":[1,2,7],"75":[2,2,11],"76":[1,2,13],"77":[1,2,8],"78":[1,1,7],"79":[1,1,2],"80":[1,1,1],"81":[1,1,8],"82":[1,1,7],"83":[1,1,2],"84":[1,1,1],"85":[1,1,7],"86":[1,1,7],"87":[1,1,5],"88":[4,1,1],"89":[4,1,14],"90":[2,1,3],"91":[1,2,1],"92":[1,3,1],"93":[1,3,6],"94":[1,2,1],"95":[1,3,9],"96":[1,3,9],"97":[1,3,9],"98":[1,3,9],"99":[1,2,17],"100":[1,2,12],"101":[2,1,8],"102":[1,2,1],"103":[1,2,27],"104":[1,2,11],"105":[1,1,10],"106":[1,1,15],"107":[1,1,9],"108":[1,2,1],"109":[1,2,1],"110":[1,1,9],"111":[1,2,1],"112":[1,2,1],"113":[1,1,9],"114":[1,2,1],"115":[1,2,1],"116":[1,1,1],"117":[1,2,8],"118":[1,2,10],"119":[1,2,8],"120":[1,1,9],"121":[1,1,7],"122":[1,1,1],"123":[1,1,26],"124":[1,1,9],"125":[2,1,7],"126":[1,2,1],"127":[1,2,11],"128":[1,2,12],"129":[2,1,8],"130":[1,2,1],"131":[1,2,12],"132":[1,2,8],"133":[1,1,4],"134":[1,1,1],"135":[1,1,26],"136":[1,1,11],"137":[1,1,2],"138":[1,1,1],"139":[1,1,25],"140":[1,1,11],"141":[1,1,2],"142":[1,1,1],"143":[1,1,6],"144":[1,1,11],"145":[1,1,2],"146":[1,1,1],"147":[1,1,12],"148":[1,1,7],"149":[1,1,2],"150":[1,1,1],"151":[1,2,11],"152":[1,2,18],"153":[1,1,1],"154":[1,2,8],"155":[1,1,11],"156":[1,1,2],"157":[1,1,1],"158":[1,1,12],"159":[1,1,11],"160":[1,1,73],"161":[1,1,22],"162":[1,1,13],"163":[2,1,10],"164":[3,3,13],"165":[4,3,16],"166":[1,1,7],"167":[1,1,6],"168":[1,1,1],"169":[3,1,27],"170":[4,1,51],"171":[1,1,59],"172":[1,1,33],"173":[1,1,19],"174":[1,1,16],"175":[1,1,16],"176":[1,1,15],"177":[2,1,16],"178":[1,1,6],"179":[1,1,31],"180":[1,1,21],"181":[1,1,25],"182":[1,1,10],"183":[1,1,19],"184":[1,1,16],"185":[1,1,18],"186":[1,1,15],"187":[2,1,16],"188":[1,1,6],"189":[1,1,38],"190":[1,1,22],"191":[1,1,36],"192":[2,1,1],"193":[1,3,10],"194":[1,3,10],"195":[1,3,10],"196":[1,3,10],"197":[2,1,9],"198":[1,1,50],"199":[1,1,6],"200":[1,1,10],"201":[1,1,3],"202":[1,1,4],"203":[1,1,6],"204":[3,1,13],"205":[3,1,12],"206":[1,1,7],"207":[1,1,1],"208":[1,2,1],"209":[1,2,1],"210":[1,1,6],"211":[1,1,6],"212":[1,1,4],"213":[2,1,12]},"averageFieldLength":[1.168224299065421,1.3317757009345805,9.280373831775693],"storedFields":{"0":{"title":"BusyArea","titles":[]},"1":{"title":"Expander","titles":[]},"2":{"title":"展示","titles":["Expander"]},"3":{"title":"示例","titles":["Expander"]},"4":{"title":"参阅","titles":["Expander"]},"5":{"title":"Listbox","titles":[]},"6":{"title":"GroupBox","titles":[]},"7":{"title":"Treeview","titles":[]},"8":{"title":"Calendar","titles":[]},"9":{"title":"展示","titles":["Calendar"]},"10":{"title":"示例","titles":["Calendar"]},"11":{"title":"参阅","titles":["Calendar"]},"12":{"title":"CalendarDatePicker","titles":[]},"13":{"title":"展示","titles":["CalendarDatePicker"]},"14":{"title":"示例","titles":["CalendarDatePicker"]},"15":{"title":"参阅","titles":["CalendarDatePicker"]},"16":{"title":"DatePicker","titles":[]},"17":{"title":"展示","titles":["DatePicker"]},"18":{"title":"示例","titles":["DatePicker"]},"19":{"title":"参阅","titles":["DatePicker"]},"20":{"title":"TimePicker","titles":[]},"21":{"title":"展示","titles":["TimePicker"]},"22":{"title":"示例","titles":["TimePicker"]},"23":{"title":"参阅","titles":["TimePicker"]},"24":{"title":"AutoCompleteBox","titles":[]},"25":{"title":"展示","titles":["AutoCompleteBox"]},"26":{"title":"示例","titles":["AutoCompleteBox"]},"27":{"title":"参阅","titles":["AutoCompleteBox"]},"28":{"title":"Button","titles":[]},"29":{"title":"样式","titles":["Button"]},"30":{"title":"Standard","titles":["Button","样式"]},"31":{"title":"Flat","titles":["Button","样式"]},"32":{"title":"Rounded","titles":["Button","样式"]},"33":{"title":"Outlined","titles":["Button","样式"]},"34":{"title":"Basic","titles":["Button","样式"]},"35":{"title":"Flat Accent","titles":["Button","样式"]},"36":{"title":"Large","titles":["Button","样式"]},"37":{"title":"Busy/Loading 状态","titles":["Button"]},"38":{"title":"Axaml","titles":["Button","Busy/Loading 状态"]},"39":{"title":"C#","titles":["Button","Busy/Loading 状态"]},"40":{"title":"参阅","titles":["Button"]},"41":{"title":"CheckBox","titles":[]},"42":{"title":"展示","titles":["CheckBox"]},"43":{"title":"示例","titles":["CheckBox"]},"44":{"title":"参阅","titles":["CheckBox"]},"45":{"title":"Combobox","titles":[]},"46":{"title":"展示","titles":["Combobox"]},"47":{"title":"示例","titles":["Combobox"]},"48":{"title":"参阅","titles":["Combobox"]},"49":{"title":"ContextMenu","titles":[]},"50":{"title":"展示","titles":["ContextMenu"]},"51":{"title":"示例","titles":["ContextMenu"]},"52":{"title":"参阅","titles":["ContextMenu"]},"53":{"title":"DropDownButton","titles":[]},"54":{"title":"展示","titles":["DropDownButton"]},"55":{"title":"示例","titles":["DropDownButton"]},"56":{"title":"参阅","titles":["DropDownButton"]},"57":{"title":"NumericUpDown","titles":[]},"58":{"title":"示例","titles":["NumericUpDown"]},"59":{"title":"Simple","titles":["NumericUpDown","示例"]},"60":{"title":"Extension","titles":["NumericUpDown","示例"]},"61":{"title":"No Spinner","titles":["NumericUpDown","示例"]},"62":{"title":"参阅","titles":["NumericUpDown"]},"63":{"title":"RadioButton","titles":[]},"64":{"title":"Base","titles":["RadioButton"]},"65":{"title":"Chips","titles":["RadioButton"]},"66":{"title":"GigaChips","titles":["RadioButton"]},"67":{"title":"参阅","titles":["RadioButton"]},"68":{"title":"Slider","titles":[]},"69":{"title":"展示","titles":["Slider"]},"70":{"title":"示例","titles":["Slider"]},"71":{"title":"参阅","titles":["Slider"]},"72":{"title":"TextBox","titles":[]},"73":{"title":"示例","titles":["TextBox"]},"74":{"title":"Simple","titles":["TextBox","示例"]},"75":{"title":"Clear Button","titles":["TextBox","示例"]},"76":{"title":"Prefix","titles":["TextBox","示例"]},"77":{"title":"Watermark","titles":["TextBox","示例"]},"78":{"title":"参阅","titles":["TextBox"]},"79":{"title":"ToggleButton","titles":[]},"80":{"title":"展示","titles":["ToggleButton"]},"81":{"title":"示例","titles":["ToggleButton"]},"82":{"title":"参阅","titles":["ToggleButton"]},"83":{"title":"ToggleSwitch","titles":[]},"84":{"title":"展示","titles":["ToggleSwitch"]},"85":{"title":"示例","titles":["ToggleSwitch"]},"86":{"title":"参阅","titles":["ToggleSwitch"]},"87":{"title":"Dock","titles":[]},"88":{"title":"安装 SukiUI.Dock 包","titles":["Dock"]},"89":{"title":"在 App.axaml 添加引用","titles":["Dock"]},"90":{"title":"Glass Card","titles":[]},"91":{"title":"主题色","titles":["Glass Card"]},"92":{"title":"暗色","titles":["Glass Card","主题色"]},"93":{"title":"亮色","titles":["Glass Card","主题色"]},"94":{"title":"其他样式","titles":["Glass Card"]},"95":{"title":"Primary","titles":["Glass Card","其他样式"]},"96":{"title":"Accent","titles":["Glass Card","其他样式"]},"97":{"title":"Opaque","titles":["Glass Card","其他样式"]},"98":{"title":"可交互","titles":["Glass Card","其他样式"]},"99":{"title":"动画","titles":["Glass Card"]},"100":{"title":"参阅","titles":["Glass Card"]},"101":{"title":"Settings Layout","titles":[]},"102":{"title":"展示","titles":["Settings Layout"]},"103":{"title":"示例","titles":["Settings Layout"]},"104":{"title":"参阅","titles":["Settings Layout"]},"105":{"title":"SukiWindow","titles":[]},"106":{"title":"背景样式","titles":["SukiWindow"]},"107":{"title":"Bubble","titles":["SukiWindow"]},"108":{"title":"暗色","titles":["SukiWindow","Bubble"]},"109":{"title":"亮色","titles":["SukiWindow","Bubble"]},"110":{"title":"Gradient","titles":["SukiWindow"]},"111":{"title":"暗色","titles":["SukiWindow","Gradient"]},"112":{"title":"亮色","titles":["SukiWindow","Gradient"]},"113":{"title":"Flat","titles":["SukiWindow"]},"114":{"title":"暗色","titles":["SukiWindow","Flat"]},"115":{"title":"亮色","titles":["SukiWindow","Flat"]},"116":{"title":"功能","titles":["SukiWindow"]},"117":{"title":"Logo","titles":["SukiWindow","功能"]},"118":{"title":"Menu","titles":["SukiWindow","功能"]},"119":{"title":"添加标题栏右侧控件","titles":["SukiWindow","功能"]},"120":{"title":"参阅","titles":["SukiWindow"]},"121":{"title":"SukiSideMenu","titles":[]},"122":{"title":"展示","titles":["SukiSideMenu"]},"123":{"title":"示例","titles":["SukiSideMenu"]},"124":{"title":"参阅","titles":["SukiSideMenu"]},"125":{"title":"Stack Page","titles":[]},"126":{"title":"展示","titles":["Stack Page"]},"127":{"title":"示例","titles":["Stack Page"]},"128":{"title":"参阅","titles":["Stack Page"]},"129":{"title":"Tab Control","titles":[]},"130":{"title":"展示","titles":["Tab Control"]},"131":{"title":"示例","titles":["Tab Control"]},"132":{"title":"参阅","titles":["Tab Control"]},"133":{"title":"InfoBar","titles":[]},"134":{"title":"展示","titles":["InfoBar"]},"135":{"title":"示例","titles":["InfoBar"]},"136":{"title":"参阅","titles":["InfoBar"]},"137":{"title":"CircleProgressBar","titles":[]},"138":{"title":"展示","titles":["CircleProgressBar"]},"139":{"title":"示例","titles":["CircleProgressBar"]},"140":{"title":"参阅","titles":["CircleProgressBar"]},"141":{"title":"Loading","titles":[]},"142":{"title":"展示","titles":["Loading"]},"143":{"title":"示例","titles":["Loading"]},"144":{"title":"参阅","titles":["Loading"]},"145":{"title":"ProgressBar","titles":[]},"146":{"title":"展示","titles":["ProgressBar"]},"147":{"title":"示例","titles":["ProgressBar"]},"148":{"title":"参阅","titles":["ProgressBar"]},"149":{"title":"Stepper","titles":[]},"150":{"title":"用法","titles":["Stepper"]},"151":{"title":"Axaml","titles":["Stepper","用法"]},"152":{"title":"ViewModel","titles":["Stepper","用法"]},"153":{"title":"使用另一种样式","titles":["Stepper"]},"154":{"title":"Axaml","titles":["Stepper","使用另一种样式"]},"155":{"title":"参阅","titles":["Stepper"]},"156":{"title":"WaveProgress","titles":[]},"157":{"title":"展示","titles":["WaveProgress"]},"158":{"title":"示例","titles":["WaveProgress"]},"159":{"title":"参阅","titles":["WaveProgress"]},"160":{"title":"如何使用自定义字体","titles":[]},"161":{"title":"安装","titles":[]},"162":{"title":"准备工作","titles":["安装"]},"163":{"title":"安装最新的 SukiUI","titles":["安装"]},"164":{"title":"通过 Nuget 安装","titles":["安装","安装最新的 SukiUI"]},"165":{"title":"通过 Github Action 安装","titles":["安装","安装最新的 SukiUI"]},"166":{"title":"介绍","titles":[]},"167":{"title":"Gallery","titles":["介绍"]},"168":{"title":"启动应用","titles":[]},"169":{"title":"修改 App.axaml","titles":["启动应用"]},"170":{"title":"将 MainWindow 更改为 SukiWindow","titles":["启动应用"]},"171":{"title":"完成","titles":["启动应用"]},"172":{"title":"Hosts","titles":[]},"173":{"title":"Dialogs","titles":[]},"174":{"title":"View","titles":["Dialogs"]},"175":{"title":"ViewModel","titles":["Dialogs"]},"176":{"title":"AXAML","titles":["Dialogs"]},"177":{"title":"Code-Behind","titles":["Dialogs"]},"178":{"title":"用法","titles":["Dialogs"]},"179":{"title":"显示对话框","titles":["Dialogs"]},"180":{"title":"关闭对话框","titles":["Dialogs"]},"181":{"title":"交互操作","titles":["Dialogs"]},"182":{"title":"消息框样式","titles":["Dialogs"]},"183":{"title":"Toasts","titles":[]},"184":{"title":"View","titles":["Toasts"]},"185":{"title":"ViewModel","titles":["Toasts"]},"186":{"title":"AXAML","titles":["Toasts"]},"187":{"title":"Code-Behind","titles":["Toasts"]},"188":{"title":"用法","titles":["Toasts"]},"189":{"title":"显示消息提醒","titles":["Toasts"]},"190":{"title":"自动消失","titles":["Toasts"]},"191":{"title":"交互","titles":["Toasts"]},"192":{"title":"Toast 类型","titles":["Toasts"]},"193":{"title":"Information","titles":["Toasts","Toast 类型"]},"194":{"title":"Success","titles":["Toasts","Toast 类型"]},"195":{"title":"Warning","titles":["Toasts","Toast 类型"]},"196":{"title":"Error","titles":["Toasts","Toast 类型"]},"197":{"title":"Loading Toast","titles":["Toasts"]},"198":{"title":"复杂交互","titles":["Toasts"]},"199":{"title":"文档","titles":[]},"200":{"title":"主题实例","titles":[]},"201":{"title":"主题色","titles":[]},"202":{"title":"在可用的主题色间切换","titles":["主题色"]},"203":{"title":"切换到一个指定的主题色","titles":["主题色"]},"204":{"title":"创建/注册/切换到一个自定义主题色","titles":["主题色"]},"205":{"title":"订阅 ColorChanged 事件","titles":["主题色"]},"206":{"title":"明暗主题切换","titles":[]},"207":{"title":"主题","titles":["明暗主题切换"]},"208":{"title":"暗色","titles":["明暗主题切换","主题"]},"209":{"title":"亮色","titles":["明暗主题切换","主题"]},"210":{"title":"切换至暗色","titles":["明暗主题切换"]},"211":{"title":"切换至亮色","titles":["明暗主题切换"]},"212":{"title":"明暗切换","titles":["明暗主题切换"]},"213":{"title":"ThemeChanged 事件","titles":["明暗主题切换"]}},"dirtCount":0,"index":[["明暗切换",{"0":{"212":1}}],["明暗主题切换",{"0":{"206":1},"1":{"207":1,"208":1,"209":1,"210":1,"211":1,"212":1,"213":1}}],["切换至亮色",{"0":{"211":1}}],["切换至暗色",{"0":{"210":1}}],["切换到一个自定义主题色",{"0":{"204":1}}],["切换到一个指定的主题色",{"0":{"203":1}}],["轻松实现主题切换",{"2":{"206":1}}],["借助由",{"2":{"206":1}}],["事件",{"0":{"205":1,"213":1}}],["订阅",{"0":{"205":1}}],["注册",{"0":{"204":1}}],["注释说明",{"2":{"179":1}}],["也可以十分简单地切换应用的主题色",{"2":{"201":1}}],["也可以跳转到已存在的",{"2":{"125":1}}],["提供的",{"2":{"206":1}}],["提供",{"2":{"200":1}}],["提供了两个默认的消息回调",{"2":{"191":1}}],["提供了一个用于弹出消息提醒的可选窗口控件",{"2":{"183":1}}],["提供了一个用于弹出对话框的可选窗口控件",{"2":{"173":1}}],["提供了一种现代的构建方式",{"2":{"179":1}}],["提供了多种样式的按钮",{"2":{"28":1}}],["欢迎反馈有关该文档的问题",{"2":{"199":1}}],["欢迎访问",{"2":{"199":1}}],["+=",{"2":{"198":2,"205":1,"213":1}}],["复杂交互",{"0":{"198":1}}],["类型",{"0":{"192":1},"1":{"193":1,"194":1,"195":1,"196":1}}],["类似其他库中的",{"2":{"121":1}}],["按特定按钮会触发",{"2":{"191":1}}],["交互",{"0":{"191":1}}],["交互操作",{"0":{"181":1}}],["被点击后消失的用例",{"2":{"190":1}}],["但是",{"2":{"190":1}}],["但如果你想体验最新构建的功能",{"2":{"163":1}}],["当消息提醒数量超过预设的最大值后",{"2":{"190":1}}],["当你需要提示建议输入项时这将有用",{"2":{"24":1}}],["通常地",{"2":{"190":1}}],["通过该类可以实现对应用主题的修改",{"2":{"200":1}}],["通过链式调用可以轻松设置对话框的标题",{"2":{"179":1}}],["通过",{"0":{"164":1,"165":1},"2":{"163":1}}],["通过将",{"2":{"99":1}}],["自动消失",{"0":{"190":1}}],["最老的消息将会立即消失以腾出空间",{"2":{"190":1}}],["最后通过调用",{"2":{"189":1}}],["最终",{"2":{"165":1}}],["文档",{"0":{"199":1},"2":{"189":1}}],["文件",{"2":{"160":1}}],["且均提供了",{"2":{"189":1}}],["扩展方法",{"2":{"189":1}}],["构造操作的体验是链式的",{"2":{"189":1}}],["构造时推荐在",{"2":{"189":1}}],["构建完对话框后",{"2":{"179":1}}],["构建",{"2":{"171":1}}],["构建后的",{"2":{"161":1}}],["实现了一个现代的消息构造器",{"2":{"189":1}}],["实例上调用",{"2":{"179":1}}],["实例",{"2":{"173":1,"183":1}}],["queue",{"2":{"188":1,"189":2,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1,"198":2}}],["目前支持的信息类型包括",{"2":{"182":1}}],["目前最常见的方式是",{"2":{"180":1}}],["消息框样式",{"0":{"182":1}}],["关闭",{"2":{"181":1}}],["关闭对话框",{"0":{"180":1}}],["保持打开",{"2":{"181":1}}],["根据需要设置不同的操作",{"2":{"181":1}}],["参数来控制点击后是否关闭对话框",{"2":{"181":1}}],["参阅",{"0":{"4":1,"11":1,"15":1,"19":1,"23":1,"27":1,"40":1,"44":1,"48":1,"52":1,"56":1,"62":1,"67":1,"71":1,"78":1,"82":1,"86":1,"100":1,"104":1,"120":1,"124":1,"128":1,"132":1,"136":1,"140":1,"144":1,"148":1,"155":1,"159":1}}],["点击后和消失后会调用命令行输出",{"2":{"191":1}}],["点击后关闭对话框",{"2":{"181":1}}],["点击后的回调操作",{"2":{"181":1}}],["点击dropdownbutton后",{"2":{"53":1}}],["另一种关闭对话框的方式是通过操作按钮",{"2":{"180":1}}],["要添加关闭方式",{"2":{"180":1}}],["对话框没有自动关闭机制",{"2":{"180":1}}],["对于大多数用户来说",{"2":{"163":1}}],["下面的代码展示了一个点击背景即可关闭的空对话框",{"2":{"180":1}}],["下面是一个简单的对话框示例",{"2":{"179":1}}],["下载",{"2":{"165":1}}],["例如",{"2":{"179":1,"180":1}}],["前提是当前没有其他对话框正在显示",{"2":{"179":1}}],["前往",{"2":{"167":1}}],["调用",{"2":{"179":1}}],["调整",{"2":{"171":1}}],["所有方法都有相应的",{"2":{"179":1}}],["接下来将介绍这一点",{"2":{"180":1}}],["接下来",{"2":{"179":1}}],["方法来实现更复杂的交互操作",{"2":{"191":1}}],["方法来设置消失的条件",{"2":{"190":1}}],["方法来让该消息进入队列中",{"2":{"189":1}}],["方法来开始构建对话框",{"2":{"179":1}}],["方法为对话框应用内置的消息框样式",{"2":{"182":1}}],["方法为对话框添加按钮",{"2":{"181":1}}],["方法",{"2":{"180":1}}],["方法即可显示对话框",{"2":{"179":1}}],["方便地呈现",{"2":{"101":1}}],["你也可以通过调用",{"2":{"190":1}}],["你也可以添加多个按钮",{"2":{"181":1}}],["你还可以通过",{"2":{"182":1}}],["你可以通过",{"2":{"181":1}}],["你可以在侧边栏跳转到相关网页",{"2":{"199":1}}],["你可以在",{"2":{"179":1}}],["你的控件",{"2":{"172":1}}],["你的包列表应为",{"2":{"165":1}}],["只是想做一些简单实现",{"2":{"175":1,"185":1}}],["来获得给定的",{"2":{"173":1,"183":1}}],["设计模式",{"2":{"175":1,"185":1}}],["设计模式下使用的例子",{"2":{"173":1,"183":1}}],["设计模式友好",{"2":{"173":1,"183":1}}],["设置主题",{"2":{"171":1}}],["设置编辑器",{"2":{"162":1}}],["该消息提醒控件对",{"2":{"183":1}}],["该方法可以设置按钮的文字",{"2":{"181":1}}],["该对话框对",{"2":{"173":1}}],["该控件可以很轻易地在",{"2":{"173":1,"183":1}}],["这是一个模拟更新操作的",{"2":{"198":1}}],["这里是示例对话框的内容",{"2":{"179":1}}],["这也是最推荐且能达到最佳效果的使用方法",{"2":{"173":1,"183":1}}],["这将没有任何效果",{"2":{"172":1}}],["这样",{"2":{"99":1}}],["请注意不要不小心在页面",{"2":{"172":1}}],["请从",{"2":{"163":1}}],["仅在",{"2":{"172":1}}],["即用户点击对话框外部时关闭对话框",{"2":{"180":1}}],["即",{"2":{"172":1}}],["即玻璃拟态设计",{"2":{"106":1}}],["本身提供两个可选的窗口控件",{"2":{"172":1}}],["\\ttoastmanager",{"2":{"189":1,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1}}],["\\tdialogmanager",{"2":{"179":1,"180":1,"181":1}}],["\\tpublic",{"2":{"175":1,"177":2,"185":1,"187":2}}],["\\t\\ttoasthost",{"2":{"187":1}}],["\\t\\tdialoghost",{"2":{"177":1}}],["\\t\\tinitializecomponent",{"2":{"177":1,"187":1}}],["\\t\\t",{"2":{"172":1,"174":1,"176":1,"179":3,"180":2,"181":3,"184":1,"186":1,"189":3,"190":1,"191":1}}],["\\t",{"2":{"172":2,"174":2,"176":2,"177":2,"178":1,"184":2,"186":2,"187":2,"188":1}}],["定义已略去",{"2":{"172":1,"174":1,"176":1,"184":1,"186":1}}],["而这些控件将会显示在其他所有子控件的上层",{"2":{"172":1}}],["然后执行以下步骤",{"2":{"171":1}}],["然后替换",{"2":{"160":1}}],["引用来自",{"2":{"171":1}}],["有效",{"2":{"172":1}}],["有两种可能的解决方案",{"2":{"171":1}}],["有关",{"2":{"162":1}}],["页面",{"2":{"171":1}}],["建议参阅",{"2":{"171":1}}],["至此",{"2":{"171":1}}],["完成",{"0":{"171":1}}],["原来的",{"2":{"170":2}}],["更改为",{"0":{"170":1}}],["将",{"0":{"170":1}}],["将会弹出自定义的内容",{"2":{"53":1}}],["创建",{"0":{"204":1}}],["创建项目后",{"2":{"171":1}}],["创建的窗口和许多控件都将完全透明",{"2":{"169":1}}],["创建更简约",{"2":{"166":1}}],["如果你并未使用",{"2":{"175":1,"185":1}}],["如果你遇到了包括但不限于以下异常",{"2":{"171":1}}],["如果没有设置主题颜色",{"2":{"169":1}}],["如何使用自定义字体",{"0":{"160":1}}],["修改后的",{"2":{"170":2}}],["修改",{"0":{"169":1}}],["启动应用",{"0":{"168":1},"1":{"169":1,"170":1,"171":1}}],["体验",{"2":{"167":1}}],["应用",{"2":{"166":1}}],["美观的",{"2":{"166":1}}],["使用",{"2":{"166":1}}],["使用另一种样式",{"0":{"153":1},"1":{"154":1}}],["介绍",{"0":{"166":1},"1":{"167":1}}],["选择刚刚下载的",{"2":{"165":1}}],["选择最后一个workflow",{"2":{"165":1}}],["选择一天中某一时分的控件",{"2":{"20":1}}],["步骤",{"2":{"165":1}}],["访问",{"2":{"164":1,"165":1}}],["默认情况下",{"2":{"180":1}}],["默认的包列表",{"2":{"162":1}}],["默认启用",{"2":{"99":1}}],["项目创建后",{"2":{"162":1}}],["项目后的",{"2":{"160":1}}],["准备工作",{"0":{"162":1}}],["获取实例",{"2":{"200":1}}],["获取更多信息",{"2":{"164":1}}],["获取",{"2":{"161":1}}],["从而显示提示消息",{"2":{"183":1}}],["从而显示对话框",{"2":{"173":1}}],["从",{"2":{"161":1}}],["从一个数据集中选择的控件",{"2":{"45":1}}],["推荐",{"2":{"161":1}}],["6",{"2":{"161":1,"164":1}}],["写完本篇时",{"2":{"161":1}}],["yourproject",{"2":{"160":1}}],["key=",{"2":{"160":1}}],["并立即显示消息",{"2":{"189":1}}],["并且可以选择性地通过",{"2":{"181":1}}],["并添加",{"2":{"165":1}}],["并将其构建行为设置为",{"2":{"160":1}}],["并支持添加主题色",{"2":{"28":1}}],["假设存在一组字体文件",{"2":{"160":1}}],["带波浪动画的进度控件",{"2":{"156":1}}],["=>",{"2":{"181":2,"191":3,"198":4,"205":1,"213":1}}],["=",{"2":{"152":2,"175":1,"177":2,"185":1,"187":2,"198":5,"200":1,"204":1}}],["v1",{"2":{"198":1}}],["void",{"2":{"179":1,"180":1,"181":1,"189":1,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1,"198":2}}],["version",{"2":{"164":1}}],["view",{"0":{"174":1,"184":1}}],["views",{"2":{"172":1}}],["viewlocator",{"2":{"160":2}}],["viewmodel",{"0":{"152":1,"175":1,"185":1},"2":{"189":1}}],["value",{"2":{"198":3}}],["value=",{"2":{"59":1,"60":1,"61":1,"70":1,"139":1,"147":1,"158":1}}],["var",{"2":{"198":3}}],["variant",{"2":{"160":2,"213":1}}],["用法",{"0":{"150":1,"178":1,"188":1},"1":{"151":1,"152":1}}],["用于向用户传达特定严重程度的信息",{"2":{"133":1}}],["用于选择日期的控件",{"2":{"12":1,"16":1}}],["指引用户分步骤完成一项任务的控件",{"2":{"149":1}}],["进度条",{"2":{"145":1}}],["加载控件",{"2":{"141":1}}],["百分比显示",{"2":{"139":1}}],["圆形进度条",{"2":{"137":1}}],["elapsed",{"2":{"198":1}}],["error",{"0":{"196":1},"2":{"135":1,"182":1,"196":1}}],["example",{"2":{"189":2}}],["exampleviewmodel",{"2":{"175":1,"185":1}}],["expression",{"2":{"170":2}}],["expanddirection=",{"2":{"3":4}}],["expanderview",{"2":{"4":1}}],["expander>",{"2":{"3":4}}],["expander",{"0":{"1":1},"1":{"2":1,"3":1,"4":1},"2":{"1":1,"3":8}}],["extension",{"0":{"60":1}}],["属性",{"2":{"172":1}}],["属性是可用的",{"2":{"129":1}}],["属性设为",{"2":{"99":1}}],["5",{"2":{"127":1}}],["其中一个按钮会关闭对话框",{"2":{"181":1}}],["其数量可以设限",{"2":{"125":1}}],["其他页面",{"2":{"123":1}}],["其他样式",{"0":{"94":1},"1":{"95":1,"96":1,"97":1,"98":1}}],["内提供了",{"2":{"172":1}}],["内包含多个",{"2":{"125":1}}],["内容等",{"2":{"179":1}}],["内容",{"2":{"93":1,"95":1,"96":1,"97":1,"98":1,"107":1,"110":1,"113":1}}],["主题",{"0":{"207":1},"1":{"208":1,"209":1}}],["主题变体",{"2":{"206":1}}],["主题实例",{"0":{"200":1}}],["主题色",{"0":{"91":1,"201":1},"1":{"92":1,"93":1,"202":1,"203":1,"204":1,"205":1}}],["主要的导航控件",{"2":{"121":1}}],["是最新版本",{"2":{"171":1}}],["是否显示百分比",{"2":{"158":1}}],["是一个提醒控件",{"2":{"133":1}}],["是一个可以折叠",{"2":{"1":1}}],["是",{"2":{"121":1}}],["显示消息提醒",{"0":{"189":1}}],["显示对话框",{"0":{"179":1}}],["显示在标题栏右侧的控件",{"2":{"119":1}}],["显示日期数据的控件",{"2":{"8":1}}],["功能",{"0":{"116":1},"1":{"117":1,"118":1,"119":1}}],["动态生成",{"2":{"106":1}}],["动画",{"0":{"99":1}}],["此处为蓝色",{"2":{"106":1}}],["需要注意的是",{"2":{"106":1}}],["背景会根据你的主题颜色",{"2":{"106":1}}],["背景",{"2":{"106":1}}],["背景样式",{"0":{"106":1}}],["平面",{"2":{"106":1}}],["以下是让一个消息在3秒钟后",{"2":{"190":1}}],["以下是在",{"2":{"189":1}}],["以下是一个显示3秒钟后消失",{"2":{"191":1}}],["以下是一个包含两个按钮的对话框示例",{"2":{"181":1}}],["以下是一些",{"2":{"173":1,"183":1}}],["以下是",{"2":{"162":1}}],["以下是创建一个新的基于",{"2":{"160":1}}],["以展现多种内容",{"2":{"129":1}}],["以及经典的",{"2":{"106":1}}],["以启用动画",{"2":{"99":1}}],["气泡",{"2":{"106":1}}],["分别是",{"2":{"106":1,"191":1}}],["允许你在三种不同的背景选项之间进行选择",{"2":{"106":1}}],["成为构建",{"2":{"105":1}}],["代替",{"2":{"105":1}}],["中的用例",{"2":{"189":1}}],["中声明",{"2":{"172":1}}],["中添加",{"2":{"169":1}}],["中下载构建",{"2":{"163":1}}],["中",{"2":{"105":1}}],["它也会随着窗口宽度的变化而更新",{"2":{"101":1}}],["同时你也可以通过",{"2":{"173":1,"183":1}}],["同时",{"2":{"101":1,"191":1}}],["和",{"2":{"99":1,"171":2,"172":1,"182":1,"191":1}}],["就能让其",{"2":{"99":1}}],["的文档站",{"2":{"199":1}}],["的消息用例",{"2":{"191":1}}],["的实例上调用",{"2":{"189":1}}],["的情况下",{"2":{"171":1}}],["的版本直到异常消失",{"2":{"171":1}}],["的版本是",{"2":{"161":2}}],["的值以达到限制消息弹出数量的效果",{"2":{"185":1}}],["的值",{"2":{"135":1}}],["的基础",{"2":{"105":1}}],["的设置页",{"2":{"101":1}}],["的更改带有过渡效果",{"2":{"99":1}}],["的",{"2":{"99":1,"169":1,"171":1}}],["可以使用",{"2":{"180":1}}],["可以参考以下方法",{"2":{"175":1,"185":1}}],["可以在该属性内添加任意控件",{"2":{"172":1}}],["可以被删除",{"2":{"162":1}}],["可以通过修改",{"2":{"185":1}}],["可以通过以下两种方式安装",{"2":{"161":1}}],["可以通过切换",{"2":{"129":1}}],["可以通过",{"2":{"101":1,"191":1}}],["可以往里面塞各种内容",{"2":{"90":1}}],["可交互",{"0":{"98":1}}],["亮色",{"0":{"93":1,"109":1,"112":1,"115":1,"209":1}}],["暗色",{"0":{"92":1,"108":1,"111":1,"114":1,"208":1}}],["一个简单的卡片式控件",{"2":{"90":1}}],["风格的",{"2":{"89":1}}],["之后就可以使用",{"2":{"89":1}}],["添加",{"2":{"173":1,"183":1}}],["添加标题栏右侧控件",{"0":{"119":1}}],["添加引用",{"0":{"89":1}}],["添加补全功能",{"2":{"24":1}}],["包括标题栏",{"2":{"172":1}}],["包括",{"2":{"171":1}}],["包",{"0":{"88":1}}],["安装完成",{"2":{"171":1}}],["安装是不错的选择",{"2":{"163":1}}],["安装最新的",{"0":{"163":1},"1":{"164":1,"165":1}}],["安装",{"0":{"88":1,"161":1,"164":1,"165":1},"1":{"162":1,"163":1,"164":1,"165":1}}],["库",{"2":{"87":1,"89":1}}],["在可用的主题色间切换",{"0":{"202":1}}],["在保证",{"2":{"171":1}}],["在项目中添加引用",{"2":{"165":1}}],["在这些包中",{"2":{"162":1}}],["在标题栏上点击任何一个标题都可以跳转至该页面",{"2":{"125":1}}],["在",{"0":{"89":1},"2":{"99":1,"105":1,"169":1,"172":1}}],["在社区讨论后决定使用并定制",{"2":{"87":1}}],["在两种状态间切换",{"2":{"79":1,"83":1}}],["writeline",{"2":{"191":2,"205":1,"213":1}}],["world",{"2":{"135":1}}],["was",{"2":{"191":1}}],["waveprogress",{"0":{"156":1},"1":{"157":1,"158":1,"159":1},"2":{"158":1,"159":1}}],["warning",{"0":{"195":1},"2":{"135":2,"169":1,"171":1,"172":1,"182":1,"195":1}}],["watermark=",{"2":{"77":1}}],["watermark",{"0":{"77":1},"2":{"77":1}}],["winfx",{"2":{"160":2,"170":2}}],["window>",{"2":{"170":1}}],["window",{"2":{"105":1,"170":2}}],["withloadingstate",{"2":{"197":1}}],["withactionbuttonnormal",{"2":{"198":1}}],["withactionbutton",{"2":{"181":3,"191":2,"198":1}}],["withcontent",{"2":{"179":1,"189":1,"198":2}}],["withtitle",{"2":{"179":1,"189":1,"198":2}}],["with",{"2":{"51":2}}],["www",{"2":{"76":1}}],["purple",{"2":{"204":2}}],["purpletheme",{"2":{"204":3}}],["public",{"2":{"152":1,"170":4}}],["package",{"2":{"164":1}}],["pagecontent>",{"2":{"123":2}}],["page",{"0":{"125":1},"1":{"126":1,"127":1,"128":1},"2":{"123":2}}],["partial",{"2":{"170":2}}],["part",{"2":{"103":2}}],["part1",{"2":{"103":1}}],["pathicon",{"2":{"51":2}}],["private",{"2":{"152":1,"198":2}}],["primary",{"0":{"95":1},"2":{"95":1}}],["progress",{"2":{"198":4}}],["progressbar",{"0":{"145":1},"1":{"146":1,"147":1,"148":1},"2":{"147":1,"198":1}}],["progressvalue",{"2":{"139":2,"147":1,"158":1}}],["progressview",{"2":{"71":1,"140":1,"144":1,"148":1,"155":1,"159":1}}],["prefix=",{"2":{"76":1}}],["prefix",{"0":{"76":1}}],["0",{"2":{"70":1,"139":5,"161":3,"164":2,"198":4}}],["收集用户提供的信息的基础控件",{"2":{"72":1}}],["收集用户单项选择的控件",{"2":{"63":1}}],["收集用户多项选择的控件",{"2":{"41":1}}],["uithread",{"2":{"198":1}}],["unable",{"2":{"171":1}}],["unit=",{"2":{"60":1,"61":1}}],["using",{"2":{"160":2}}],["updating",{"2":{"198":1}}],["update",{"2":{"198":3}}],["up",{"2":{"3":3}}],["数字输入控件",{"2":{"57":1}}],["nuget",{"0":{"164":1},"2":{"161":1,"163":1,"164":1}}],["numericupdownextensions",{"2":{"60":1,"61":1}}],["numericupdown",{"0":{"57":1},"1":{"58":1,"59":1,"60":1,"61":1,"62":1},"2":{"59":1,"60":1,"61":1}}],["name=",{"2":{"176":1,"186":1}}],["namespace",{"2":{"38":1,"160":2,"169":1,"170":3,"171":2}}],["navigationview",{"2":{"121":1}}],["now",{"2":{"198":1}}],["notificationtype",{"2":{"193":1,"194":1,"195":1,"196":1}}],["not",{"2":{"171":2}}],["no",{"0":{"61":1}}],["new",{"2":{"175":1,"177":1,"185":1,"187":1,"198":2,"204":1}}],["nested",{"2":{"51":2}}],["next",{"2":{"51":1}}],["gt",{"2":{"171":1}}],["generic",{"2":{"171":1}}],["getinstance",{"2":{"200":1,"202":1,"203":1,"204":2,"205":1,"210":1,"211":1,"212":1,"213":1}}],["get",{"2":{"152":1,"171":1,"175":1,"185":1}}],["gallery",{"0":{"167":1}}],["github",{"0":{"165":1},"2":{"160":2,"161":1,"163":1,"165":1,"170":2,"171":1}}],["gigachips",{"0":{"66":1},"2":{"66":1}}],["gradient",{"0":{"110":1},"1":{"111":1,"112":1},"2":{"110":1}}],["groupname=",{"2":{"64":1}}],["groupbox>",{"2":{"6":1}}],["groupbox",{"0":{"6":1},"2":{"6":1}}],["glassmorphism",{"2":{"100":1}}],["glass",{"0":{"90":1},"1":{"91":1,"92":1,"93":1,"94":1,"95":1,"96":1,"97":1,"98":1,"99":1,"100":1}}],["glasscard",{"2":{"51":2,"95":1,"96":1,"97":1,"98":1,"99":2,"100":1}}],["glasscard>",{"2":{"51":2,"93":2,"95":1,"96":1,"97":1,"98":1}}],["google",{"2":{"76":1}}],["hosts>",{"2":{"172":2,"174":2,"176":2,"184":2,"186":2}}],["hosts",{"0":{"172":1},"2":{"172":2,"173":1,"183":1}}],["http",{"2":{"160":2,"170":6}}],["https",{"2":{"76":1,"160":2,"170":2}}],["h3",{"2":{"139":1}}],["here",{"2":{"189":1}}],["header",{"2":{"123":1}}],["headercontent>",{"2":{"123":2}}],["header=",{"2":{"3":4,"6":1,"51":10,"103":3,"123":1,"131":2}}],["height=",{"2":{"103":3}}],["hello",{"2":{"74":1,"75":1,"135":1}}],["hideprogress",{"2":{"39":1}}],["mvvm",{"2":{"173":2,"175":1,"183":2,"185":1}}],["mc=",{"2":{"170":2}}],["maxtoasts",{"2":{"185":1}}],["maximum=",{"2":{"70":1}}],["manager",{"2":{"177":1,"187":1}}],["manager=",{"2":{"174":1,"184":1}}],["markup",{"2":{"170":2,"171":1}}],["margin=",{"2":{"139":1}}],["mainwindow",{"0":{"170":1},"2":{"170":10,"177":2,"187":2}}],["mode=twoway",{"2":{"135":1}}],["method",{"2":{"171":1}}],["message=",{"2":{"135":1}}],["menu",{"0":{"118":1},"2":{"118":1}}],["menuitems>",{"2":{"118":2}}],["menuitem>",{"2":{"51":4}}],["menuitem",{"2":{"51":14}}],["me",{"2":{"81":1}}],["missingmethodexception",{"2":{"171":1}}],["miscview",{"2":{"11":1,"15":1,"19":1,"23":1,"56":1,"62":1}}],["microsoft",{"2":{"160":2,"167":1,"170":4}}],["minimum=",{"2":{"70":1}}],["mybutton",{"2":{"39":2}}],["状态",{"0":{"37":1},"1":{"38":1,"39":1}}],["of",{"2":{"189":1}}],["oftype",{"2":{"182":1,"193":1,"194":1,"195":1,"196":1}}],["onbasethemechanged",{"2":{"213":1}}],["oncolorthemechanged",{"2":{"205":1}}],["onclicked",{"2":{"191":2}}],["ondismissed",{"2":{"191":2}}],["on",{"2":{"164":1}}],["one",{"2":{"43":1,"64":1,"65":1,"66":1}}],["other",{"2":{"160":2}}],["org",{"2":{"170":2}}],["or",{"2":{"160":2}}],["opacity",{"2":{"99":1}}],["opaque",{"0":{"97":1}}],["openxmlformats",{"2":{"170":2}}],["open",{"2":{"55":1}}],["options",{"2":{"160":2}}],["option",{"2":{"43":3,"51":5,"64":1,"65":1,"66":1}}],["outlined",{"0":{"33":1},"2":{"33":1}}],["object",{"2":{"171":1}}],["objectmodel",{"2":{"26":2,"103":2}}],["observableproperty",{"2":{"152":1}}],["observablecollection>",{"2":{"26":1,"103":1}}],["observablecollection",{"2":{"26":1,"103":1}}],["runtime",{"2":{"171":1}}],["red",{"2":{"203":1}}],["return",{"2":{"198":1}}],["resolve",{"2":{"171":1}}],["resourcedictionary>",{"2":{"160":2}}],["resources>",{"2":{"160":2}}],["requestedthemevariant=",{"2":{"160":2}}],["radiobutton",{"0":{"63":1},"1":{"64":1,"65":1,"66":1,"67":1},"2":{"64":1,"65":1,"66":1}}],["rounded",{"0":{"32":1},"2":{"32":1}}],["rightwindowtitlebarcontrols>",{"2":{"119":2}}],["right",{"2":{"3":3}}],["fromseconds",{"2":{"190":1,"191":1}}],["from",{"2":{"171":1}}],["found",{"2":{"171":2}}],["fontfamily>",{"2":{"160":1}}],["fontfamily",{"2":{"160":1}}],["fontname",{"2":{"160":2}}],["follows",{"2":{"160":2}}],["footer",{"2":{"123":1}}],["footercontent>",{"2":{"123":2}}],["first",{"2":{"152":1}}],["fluent",{"2":{"162":1}}],["flyout>",{"2":{"55":4}}],["flat",{"0":{"31":1,"35":1,"113":1},"1":{"114":1,"115":1},"2":{"31":1,"32":1,"35":1,"36":1,"106":1,"113":1}}],["false",{"2":{"51":4,"61":1}}],["features",{"2":{"4":1,"11":1,"15":1,"19":1,"23":1,"27":1,"40":1,"44":1,"48":1,"52":1,"56":1,"62":1,"67":1,"71":1,"78":1,"82":1,"86":1,"100":1,"104":1,"128":1,"132":1,"136":1,"140":1,"144":1,"148":1,"155":1,"159":1}}],["样式",{"0":{"29":1},"1":{"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1}}],["300",{"2":{"103":3}}],["3",{"2":{"26":1,"103":1,"190":1,"191":1}}],["20",{"2":{"198":1}}],["2008",{"2":{"170":2}}],["2006",{"2":{"160":2,"170":4}}],["276",{"2":{"171":2}}],["265",{"2":{"171":1}}],["2",{"2":{"26":1,"103":1,"131":1,"139":1,"161":1}}],["11",{"2":{"139":1,"161":1}}],["100",{"2":{"70":1,"198":1}}],["10",{"2":{"59":1,"60":1,"61":1}}],["1",{"2":{"26":1,"70":1,"131":1,"152":1,"198":1}}],["if",{"2":{"198":1}}],["iavaloniaxamlileagerparentstackprovider",{"2":{"171":1}}],["ireadonlylist`1",{"2":{"171":1}}],["ienumerable",{"2":{"152":1}}],["items>",{"2":{"103":2,"123":2}}],["itemssource=",{"2":{"47":1}}],["itemssource>",{"2":{"26":2}}],["invoke",{"2":{"198":1}}],["initializecomponent",{"2":{"170":2}}],["int",{"2":{"152":1}}],["information",{"0":{"193":1},"2":{"135":1,"182":1,"193":1,"198":1}}],["info",{"2":{"135":1,"161":1}}],["infobarview",{"2":{"136":1}}],["infobar",{"0":{"133":1},"1":{"134":1,"135":1,"136":1},"2":{"133":1,"135":1,"136":1}}],["index=",{"2":{"151":1}}],["index",{"2":{"89":1}}],["inch",{"2":{"60":1,"61":1}}],["icon>",{"2":{"51":4,"123":2}}],["icon",{"2":{"51":2,"123":1}}],["is",{"2":{"198":1}}],["isukitoastmanager",{"2":{"183":1,"185":1,"187":1,"189":1}}],["isukidialogmanager",{"2":{"173":1,"175":1,"177":1,"179":1}}],["istextvisible=",{"2":{"158":1}}],["istextvisible",{"2":{"139":1,"147":1,"158":1}}],["isthreestate=",{"2":{"43":1}}],["isvisible=",{"2":{"139":1}}],["isindeterminate",{"2":{"139":1,"147":1}}],["isindeterminate=",{"2":{"139":1,"147":1}}],["isinteractive=",{"2":{"98":1}}],["isopen",{"2":{"135":1}}],["isopen=",{"2":{"135":1}}],["isopaque",{"2":{"135":1}}],["isopaque=",{"2":{"97":1,"135":1}}],["isclosable",{"2":{"135":1}}],["isclosable=",{"2":{"135":1}}],["ischecked=",{"2":{"43":1,"64":1,"65":1,"66":1,"85":1}}],["issue",{"2":{"171":2}}],["issearchenabled=",{"2":{"123":1}}],["issnaptotickenabled=",{"2":{"70":1}}],["ismenuvisible=",{"2":{"118":1}}],["isanimated",{"2":{"99":1}}],["isenabled=",{"2":{"51":3}}],["isbusy",{"2":{"0":1}}],["isbusy=",{"2":{"0":1}}],["为了创建和显示对话框",{"2":{"179":1}}],["为你的字体",{"2":{"160":1}}],["为控件添加一个右键触发的上下文菜单",{"2":{"49":1}}],["为",{"2":{"24":1}}],["after",{"2":{"190":1,"191":1}}],["an",{"2":{"189":1}}],["addcolortheme",{"2":{"204":1}}],["add",{"2":{"164":1}}],["adddeletebutton=",{"2":{"75":1}}],["action",{"0":{"165":1},"2":{"161":1,"163":1,"165":1,"171":1,"191":1}}],["accent",{"0":{"35":1,"96":1},"2":{"35":1,"96":1}}],["assets",{"2":{"160":2}}],["assembly=sukiui",{"2":{"38":1,"160":2,"169":1,"170":1,"171":1}}],["are",{"2":{"160":2}}],["avalonia",{"2":{"161":1,"162":3,"166":1,"170":1,"171":3}}],["avaloniaresource",{"2":{"160":1}}],["avaloniaui",{"2":{"160":2,"170":2,"206":1}}],["available",{"2":{"160":2,"198":2}}],["avares",{"2":{"89":1}}],["alternativestyle=",{"2":{"154":1}}],["api",{"2":{"100":1,"104":1,"120":1,"124":1,"128":1,"136":1,"140":1,"144":1,"155":1,"159":1}}],["application>",{"2":{"160":2,"169":1}}],["application",{"2":{"160":12,"169":3}}],["app",{"0":{"89":1,"169":1},"2":{"101":1,"105":1,"160":3,"169":1}}],["a",{"2":{"64":1}}],["autocompletebox>",{"2":{"26":2}}],["autocompletebox",{"0":{"24":1},"1":{"25":1,"26":1,"27":1},"2":{"26":2}}],["axaml",{"0":{"38":1,"89":1,"151":1,"154":1,"169":1,"176":1,"186":1},"2":{"4":1,"11":1,"15":1,"19":1,"23":1,"27":1,"40":1,"44":1,"48":1,"52":1,"56":1,"62":1,"67":1,"71":1,"78":1,"82":1,"86":1,"89":1,"100":2,"104":2,"120":2,"124":2,"128":2,"132":1,"136":2,"140":2,"144":2,"148":1,"155":2,"159":2,"160":1,"169":1,"170":4}}],["switchbasetheme",{"2":{"212":1}}],["switchcolortheme",{"2":{"202":1}}],["schemas",{"2":{"160":2,"170":6}}],["size",{"2":{"99":1}}],["simple",{"0":{"59":1,"74":1}}],["source=",{"2":{"89":1}}],["slider",{"0":{"68":1},"1":{"69":1,"70":1,"71":1},"2":{"70":1}}],["showupdatingtoast",{"2":{"198":2}}],["showactiontoast",{"2":{"198":1}}],["showbuttonspinner=",{"2":{"61":1}}],["showprogresstext",{"2":{"198":1}}],["showprogresstext=",{"2":{"147":1}}],["showprogress",{"2":{"39":1}}],["showprogress=",{"2":{"38":1}}],["spinner",{"0":{"61":1}}],["seen",{"2":{"189":1}}],["second",{"2":{"152":1}}],["severity",{"2":{"135":1}}],["severity=",{"2":{"135":1}}],["settingslayoutitem>",{"2":{"103":3}}],["settingslayoutitem",{"2":{"103":10}}],["settingslayout>",{"2":{"103":2}}],["settingslayout",{"2":{"101":1,"103":2,"104":1}}],["settings",{"0":{"101":1},"1":{"102":1,"103":1,"104":1},"2":{"103":3}}],["separator",{"2":{"51":1}}],["selecteditem=",{"2":{"47":1}}],["selectedtime",{"2":{"22":1}}],["selectedtime=",{"2":{"22":1}}],["selecteddatetimeoffset",{"2":{"14":1,"18":1}}],["selecteddatetime",{"2":{"10":1}}],["selecteddate=",{"2":{"10":1,"14":1,"18":1}}],["store",{"2":{"167":1}}],["styles",{"2":{"169":1}}],["styles>",{"2":{"160":4,"169":2}}],["styleinclude",{"2":{"89":1}}],["step",{"2":{"152":3}}],["steps",{"2":{"151":1,"152":1}}],["steps=",{"2":{"151":1}}],["stepindex",{"2":{"151":1,"152":1}}],["stepper",{"0":{"149":1},"1":{"150":1,"151":1,"152":1,"153":1,"154":1,"155":1},"2":{"151":1,"154":1,"155":1}}],["strokewidth=",{"2":{"139":1}}],["stringformat=",{"2":{"139":1}}],["string>china",{"2":{"26":1}}],["string>belgium",{"2":{"26":1}}],["string>germany",{"2":{"26":1}}],["string>england",{"2":{"26":1}}],["string>france",{"2":{"26":1}}],["string>",{"2":{"26":8,"152":1}}],["string>usa",{"2":{"26":3}}],["string",{"2":{"26":1}}],["strings",{"2":{"26":1}}],["start",{"2":{"198":1}}],["static",{"2":{"177":1,"187":1}}],["stackpageview",{"2":{"128":1}}],["stackpage",{"2":{"125":2,"128":1}}],["stack",{"0":{"125":1},"1":{"126":1,"127":1,"128":1}}],["standard",{"0":{"30":1}}],["system",{"2":{"26":17,"160":2,"171":3}}],["success",{"0":{"194":1},"2":{"135":1,"182":1,"194":1}}],["sub",{"2":{"51":1}}],["submenu",{"2":{"51":2}}],["suggested",{"2":{"26":1}}],["sukicolortheme",{"2":{"204":1}}],["sukicolor",{"2":{"203":1}}],["sukidialogmanager",{"2":{"175":1,"177":1}}],["sukidialoghost",{"2":{"172":1,"173":1,"174":1,"176":1}}],["sukitoastmanager",{"2":{"187":1}}],["sukitoasthost",{"2":{"172":1,"183":1,"184":1,"186":1}}],["sukitheme",{"2":{"160":2,"169":2,"171":1,"200":2,"201":1,"204":2}}],["sukitest",{"2":{"160":4,"170":4}}],["sukistackpage",{"2":{"127":1,"128":1}}],["sukisidemenu>",{"2":{"123":1}}],["sukisidemenuitem>",{"2":{"123":1}}],["sukisidemenuitem",{"2":{"123":5}}],["sukisidemenu",{"0":{"121":1},"1":{"122":1,"123":1,"124":1},"2":{"121":1,"123":7,"124":1}}],["sukiwindow>",{"2":{"170":1,"172":2,"174":2,"176":2,"184":2,"186":2}}],["sukiwindow",{"0":{"105":1,"170":1},"1":{"106":1,"107":1,"108":1,"109":1,"110":1,"111":1,"112":1,"113":1,"114":1,"115":1,"116":1,"117":1,"118":1,"119":1,"120":1},"2":{"105":1,"107":2,"110":2,"113":2,"117":2,"118":4,"119":2,"120":1,"170":2,"171":2,"172":5,"173":1,"174":2,"176":2,"177":1,"183":1,"184":2,"186":2,"187":1}}],["sukiui=",{"2":{"160":2,"169":1,"170":1}}],["sukiuidemoview",{"2":{"120":1,"124":1}}],["sukiui",{"0":{"88":1,"163":1},"1":{"164":1,"165":1},"2":{"4":1,"11":1,"15":1,"19":1,"23":1,"27":1,"28":1,"38":1,"40":1,"44":1,"48":1,"52":1,"56":1,"62":1,"67":1,"71":1,"78":1,"82":1,"86":1,"87":1,"89":2,"100":1,"104":1,"105":1,"106":1,"120":1,"121":1,"124":1,"128":1,"132":1,"136":1,"140":1,"144":1,"148":1,"155":1,"159":1,"160":5,"161":2,"164":2,"165":2,"166":1,"169":2,"170":4,"171":3,"172":2,"173":1,"179":1,"183":1,"189":1,"191":1,"199":1,"200":1,"206":1}}],["suki",{"2":{"0":2,"6":2,"103":17,"107":2,"110":2,"113":2,"117":2,"118":4,"119":2,"123":14,"135":1,"139":2,"143":1,"151":1,"154":1,"158":1,"172":5,"174":5,"176":5,"184":5,"186":5}}],["createtoast",{"2":{"188":1,"189":2,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1,"198":2}}],["createdialog",{"2":{"178":1,"179":2,"180":1,"181":1}}],["ci",{"2":{"161":1,"165":1}}],["circleprogressbar>",{"2":{"139":1}}],["circleprogressbar",{"0":{"137":1},"1":{"138":1,"139":1,"140":1},"2":{"139":1,"140":1}}],["currentpage",{"2":{"127":1}}],["csmainwindow",{"2":{"178":1,"188":1}}],["cspublic",{"2":{"175":1,"177":1,"179":1,"180":1,"181":1,"185":1,"187":1,"189":1,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1}}],["cs",{"2":{"100":1,"104":1,"120":1,"124":1,"128":1,"136":1,"140":1,"144":1,"155":1,"159":1,"170":2,"198":1}}],["csharpvar",{"2":{"204":1}}],["csharpsukitheme",{"2":{"200":1,"202":1,"203":1,"205":1,"210":1,"211":1,"212":1,"213":1}}],["csharpusing",{"2":{"170":2}}],["csharp",{"2":{"39":1,"152":1}}],["can",{"2":{"189":1}}],["cardsview",{"2":{"100":1}}],["card",{"0":{"90":1},"1":{"91":1,"92":1,"93":1,"94":1,"95":1,"96":1,"97":1,"98":1,"99":1,"100":1}}],["calendardatepicker",{"0":{"12":1},"1":{"13":1,"14":1,"15":1},"2":{"14":1}}],["calendar",{"0":{"8":1},"1":{"9":1,"10":1,"11":1},"2":{"10":1}}],["changed",{"2":{"213":1}}],["changebasetheme",{"2":{"210":1,"211":1}}],["change",{"2":{"205":1}}],["changecolortheme",{"2":{"203":1,"204":1}}],["chips",{"0":{"65":1},"2":{"65":1}}],["checkbox",{"0":{"41":1},"1":{"42":1,"43":1,"44":1},"2":{"43":3}}],["c",{"0":{"39":1}}],["class",{"2":{"170":2,"175":1,"177":1,"185":1,"187":1}}],["class=",{"2":{"160":2,"170":2}}],["classes=",{"2":{"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"65":1,"66":1,"95":1,"96":1,"123":1,"139":1}}],["clear",{"0":{"75":1}}],["clicked",{"2":{"191":1}}],["click",{"2":{"55":1}}],["clr",{"2":{"38":1,"160":2,"169":1,"170":1,"171":1}}],["color",{"2":{"205":1}}],["colorchanged",{"0":{"205":1}}],["colors",{"2":{"204":2}}],["collections",{"2":{"171":1}}],["collectionsview",{"2":{"27":1,"48":1}}],["console",{"2":{"191":2,"205":1,"213":1}}],["control",{"0":{"129":1},"1":{"130":1,"131":1,"132":1}}],["controls",{"2":{"51":4,"100":1,"104":1,"120":1,"124":1,"127":1,"128":1,"136":1,"140":1,"144":1,"155":1,"159":1,"170":3}}],["controlslibrary",{"2":{"4":1,"11":1,"15":1,"19":1,"23":1,"27":1,"40":1,"44":1,"48":1,"52":1,"56":1,"62":1,"67":1,"71":1,"82":1,"86":1,"100":1,"128":1,"132":1,"136":1,"140":1,"144":1,"148":1,"155":1,"159":1}}],["contextmenusview",{"2":{"52":1}}],["contextmenu>",{"2":{"51":4}}],["contextmenu",{"0":{"49":1},"1":{"50":1,"51":1,"52":1}}],["content>",{"2":{"103":6}}],["content=",{"2":{"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"43":3,"55":1,"64":1,"65":1,"66":1,"81":1,"127":1}}],["content",{"2":{"3":4,"55":1,"123":3,"125":2,"131":2,"189":1}}],["code",{"0":{"177":1,"187":1}}],["compatibility",{"2":{"170":2}}],["compact",{"2":{"123":1}}],["compositionanimations",{"2":{"99":1}}],["com",{"2":{"76":1,"160":4,"170":6}}],["commandparameter=",{"2":{"51":2}}],["command=",{"2":{"51":3}}],["combobox",{"0":{"45":1},"1":{"46":1,"47":1,"48":1},"2":{"47":1}}],["type",{"2":{"171":1}}],["typearguments=",{"2":{"26":1,"103":1}}],["template",{"2":{"162":2}}],["text=",{"2":{"74":1,"75":1,"76":1,"77":1,"139":1}}],["textblock",{"2":{"139":1}}],["textblock>",{"2":{"3":4}}],["textblock>some",{"2":{"3":4}}],["textboxextensions",{"2":{"75":1,"76":1}}],["textbox",{"0":{"72":1},"1":{"73":1,"74":1,"75":1,"76":1,"77":1,"78":1},"2":{"24":1,"74":1,"75":1,"76":1,"77":1}}],["ttf",{"2":{"160":1}}],["tabstripplacement",{"2":{"129":1}}],["tabitem>",{"2":{"131":2}}],["tabitem",{"2":{"129":1,"131":2}}],["tabcontrolview",{"2":{"132":1}}],["tabcontrol>",{"2":{"131":2}}],["tabcontrol",{"2":{"129":1,"132":1}}],["tab",{"0":{"129":1},"1":{"130":1,"131":1,"132":1},"2":{"131":2}}],["toast",{"0":{"192":1,"197":1},"1":{"193":1,"194":1,"195":1,"196":1},"2":{"189":2,"191":2,"198":3}}],["toastmanager",{"2":{"184":1,"185":1,"186":1,"187":2,"188":1,"198":3}}],["toasts",{"0":{"183":1},"1":{"184":1,"185":1,"186":1,"187":1,"188":1,"189":1,"190":1,"191":1,"192":1,"193":1,"194":1,"195":1,"196":1,"197":1,"198":1}}],["toggleswitch",{"0":{"83":1},"1":{"84":1,"85":1,"86":1},"2":{"85":1}}],["togglesview",{"2":{"44":1,"67":1,"82":1,"86":1}}],["toggle",{"2":{"81":1}}],["togglebutton",{"0":{"79":1},"1":{"80":1,"81":1,"82":1},"2":{"81":1}}],["to",{"2":{"55":1,"171":1}}],["the",{"2":{"189":1}}],["themingview",{"2":{"104":1}}],["theming",{"2":{"104":1}}],["themechanged",{"0":{"213":1}}],["themecolor",{"2":{"169":1}}],["themecolor=",{"2":{"160":2,"169":1}}],["themes",{"2":{"162":1}}],["themevariant",{"2":{"160":2,"210":1,"211":1}}],["theme",{"2":{"38":2,"60":1,"61":1,"75":1,"76":1,"160":2,"200":1,"205":2,"213":1}}],["theme=",{"2":{"38":1}}],["third",{"2":{"152":1}}],["three",{"2":{"43":1}}],["two",{"2":{"43":1}}],["triggered",{"2":{"205":1,"213":1}}],["tryshow",{"2":{"178":1,"179":2,"180":1,"181":1}}],["true",{"2":{"38":1,"43":2,"51":1,"64":1,"65":1,"66":1,"70":1,"75":1,"85":1,"97":1,"98":1,"99":1,"118":1,"123":1,"154":1,"181":1,"191":1,"197":1,"198":3}}],["treeview",{"0":{"7":1}}],["timer",{"2":{"198":5}}],["timespan",{"2":{"190":1,"191":1}}],["timepicker",{"0":{"20":1},"1":{"21":1,"22":1,"23":1},"2":{"22":1}}],["tip",{"2":{"129":1,"162":1,"164":1,"165":1}}],["tickfrequency=",{"2":{"70":1}}],["title=",{"2":{"135":1}}],["title",{"2":{"6":1,"123":1}}],["lt",{"2":{"171":1}}],["local",{"2":{"160":2}}],["local=",{"2":{"160":2}}],["logocontent>",{"2":{"117":2}}],["logo",{"0":{"117":1},"2":{"117":1}}],["loading",{"0":{"37":1,"141":1,"197":1},"1":{"38":1,"39":1,"142":1,"143":1,"144":1},"2":{"143":1,"144":1}}],["light",{"2":{"160":2,"211":1}}],["lightgray",{"2":{"103":3}}],["limit=",{"2":{"127":1}}],["listbox",{"0":{"5":1}}],["later",{"2":{"198":1}}],["layout",{"0":{"101":1},"1":{"102":1,"103":1,"104":1}}],["large",{"0":{"36":1},"2":{"36":1}}],["left",{"2":{"3":3}}],["dialoghost",{"2":{"176":1}}],["dialogmanager",{"2":{"174":1,"175":1,"177":2,"178":1}}],["dialogs",{"0":{"173":1},"1":{"174":1,"175":1,"176":1,"177":1,"178":1,"179":1,"180":1,"181":1,"182":1}}],["dispose",{"2":{"198":1}}],["dispatcher",{"2":{"198":1}}],["displaytoast",{"2":{"189":1,"190":1,"191":1,"193":1,"194":1,"195":1,"196":1,"197":1}}],["displaydialog",{"2":{"179":1,"180":1,"181":1}}],["dismissed",{"2":{"191":1}}],["dismissonclick",{"2":{"181":1}}],["dismiss",{"2":{"180":2,"190":3,"191":2,"198":1}}],["discussion",{"2":{"171":1}}],["disabled",{"2":{"51":3}}],["directparents",{"2":{"171":1}}],["d=",{"2":{"170":2}}],["dll",{"2":{"161":1,"165":1,"171":1}}],["defaultfontfamily",{"2":{"160":2}}],["default",{"2":{"160":4}}],["demo",{"2":{"4":2,"11":2,"15":2,"19":2,"23":2,"27":2,"40":2,"44":2,"48":2,"52":2,"56":2,"62":2,"67":2,"71":2,"78":2,"82":2,"86":2,"100":2,"104":2,"120":2,"124":2,"128":2,"132":2,"136":2,"140":2,"144":2,"148":2,"155":2,"159":2,"167":1}}],["dotnet",{"2":{"164":1}}],["dock",{"0":{"87":1,"88":1},"1":{"88":1,"89":1},"2":{"87":1,"89":2}}],["down",{"2":{"3":3}}],["datatemplates>",{"2":{"160":4}}],["datepicker",{"0":{"16":1},"1":{"17":1,"18":1,"19":1},"2":{"18":1}}],["darkblue",{"2":{"204":1}}],["dark",{"2":{"160":2,"210":1}}],["dashboardview",{"2":{"78":1}}],["dashboard",{"2":{"78":1}}],["dropdownbutton>",{"2":{"55":1}}],["dropdownbutton",{"0":{"53":1},"1":{"54":1,"55":1,"56":1},"2":{"55":3}}],["示例对话框",{"2":{"179":1}}],["示例",{"0":{"3":1,"10":1,"14":1,"18":1,"22":1,"26":1,"43":1,"47":1,"51":1,"55":1,"58":1,"70":1,"73":1,"81":1,"85":1,"103":1,"123":1,"127":1,"131":1,"135":1,"139":1,"143":1,"147":1,"158":1},"1":{"59":1,"60":1,"61":1,"74":1,"75":1,"76":1,"77":1}}],["展示值和范围的控件",{"2":{"68":1}}],["展示",{"0":{"2":1,"9":1,"13":1,"17":1,"21":1,"25":1,"42":1,"46":1,"50":1,"54":1,"69":1,"80":1,"84":1,"102":1,"122":1,"126":1,"130":1,"134":1,"138":1,"142":1,"146":1,"157":1}}],["展开的内容容器",{"2":{"1":1}}],["上下左右",{"2":{"1":1}}],["支持四种方向",{"2":{"1":1}}],[">avares",{"2":{"160":1}}],[">",{"2":{"0":1,"3":4,"6":1,"10":1,"14":1,"18":1,"22":1,"26":2,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"38":1,"43":3,"47":1,"51":12,"55":2,"59":1,"60":1,"61":1,"64":1,"65":1,"66":1,"70":1,"74":1,"75":1,"76":1,"77":1,"81":1,"85":1,"89":1,"93":1,"95":2,"96":2,"97":2,"98":2,"103":7,"107":3,"110":3,"113":3,"117":1,"118":3,"119":1,"123":7,"127":1,"131":4,"135":1,"139":2,"143":1,"147":1,"151":1,"154":1,"158":1,"160":8,"169":2,"170":2,"172":2,"174":2,"176":2,"184":2,"186":2}}],["byclicking",{"2":{"190":1}}],["byclickingbackground",{"2":{"180":2}}],["be",{"2":{"189":1}}],["behind",{"0":{"177":1,"187":1}}],["beta",{"2":{"171":1}}],["beta8",{"2":{"161":1}}],["beta1",{"2":{"161":1}}],["blend",{"2":{"170":2}}],["blue",{"2":{"160":2,"169":1}}],["backgroundstyle=",{"2":{"107":1,"110":1,"113":1}}],["background=",{"2":{"103":3}}],["base",{"0":{"64":1}}],["basic",{"0":{"34":1},"2":{"34":1}}],["border",{"2":{"103":3}}],["bubble",{"0":{"107":1},"1":{"108":1,"109":1},"2":{"106":1,"107":1}}],["buttonsview",{"2":{"40":1}}],["buttonextensions",{"2":{"38":1}}],["button>",{"2":{"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"38":1}}],["button",{"0":{"28":1,"75":1},"1":{"29":1,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"37":1,"38":1,"39":1,"40":1},"2":{"30":2,"31":2,"32":2,"33":2,"34":2,"35":2,"36":2,"38":1}}],["busy",{"0":{"37":1},"1":{"38":1,"39":1},"2":{"0":1}}],["busytext=",{"2":{"0":1}}],["busyarea>",{"2":{"0":1}}],["busyarea",{"0":{"0":1},"2":{"0":1}}],["binding",{"2":{"0":1,"10":1,"14":1,"18":1,"22":1,"47":2,"51":3,"70":1,"127":1,"135":3,"139":4,"147":3,"151":2,"158":2,"174":1,"184":1}}],["xxx",{"2":{"160":1}}],["xamlil",{"2":{"171":1}}],["xaml",{"2":{"160":2,"170":2,"171":1}}],["x=",{"2":{"160":2,"170":2}}],["x",{"2":{"26":1,"51":2,"103":1,"160":3,"170":2}}],["x3c",{"2":{"0":2,"3":16,"6":2,"10":1,"14":1,"18":1,"22":1,"26":23,"30":2,"31":2,"32":2,"33":2,"34":2,"35":2,"36":2,"38":2,"43":3,"47":1,"51":26,"55":7,"59":1,"60":1,"61":1,"64":1,"65":1,"66":1,"70":1,"74":1,"75":1,"76":1,"77":1,"81":1,"85":1,"89":1,"93":3,"95":3,"96":3,"97":3,"98":3,"103":21,"107":3,"110":3,"113":3,"117":3,"118":5,"119":3,"123":19,"127":1,"131":8,"135":1,"139":3,"143":1,"147":1,"151":1,"152":1,"154":1,"158":1,"160":24,"169":5,"170":4,"172":6,"174":6,"176":6,"184":6,"186":6,"198":1}}],["xmlns=",{"2":{"160":2,"170":2}}],["xmlns",{"2":{"38":1,"160":6,"169":1,"170":7,"172":1,"174":1,"176":1,"184":1,"186":1}}],["xml",{"2":{"0":1,"3":1,"6":1,"10":1,"14":1,"18":1,"22":1,"26":1,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"38":1,"43":1,"47":1,"51":1,"55":1,"59":1,"60":1,"61":1,"64":1,"65":1,"66":1,"70":1,"74":1,"75":1,"76":1,"77":1,"81":1,"85":1,"89":1,"93":1,"95":1,"96":1,"97":1,"98":1,"103":1,"107":1,"110":1,"113":1,"117":1,"118":1,"119":1,"123":1,"127":1,"131":1,"135":1,"139":1,"143":1,"147":1,"151":1,"154":1,"158":1,"160":2,"169":1,"170":2,"172":1,"174":1,"176":1,"179":1,"184":1,"186":1,"189":1}}]],"serializationVersion":2}';export{t as default};
diff --git a/assets/chunks/VPLocalSearchBox.D-R1cdco.js b/assets/chunks/VPLocalSearchBox.DwKDREVG.js
similarity index 68%
rename from assets/chunks/VPLocalSearchBox.D-R1cdco.js
rename to assets/chunks/VPLocalSearchBox.DwKDREVG.js
index aae074176..f29a1b422 100644
--- a/assets/chunks/VPLocalSearchBox.D-R1cdco.js
+++ b/assets/chunks/VPLocalSearchBox.DwKDREVG.js
@@ -1,7 +1,7 @@
-var Ft=Object.defineProperty;var Ot=(a,e,t)=>e in a?Ft(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t;var Re=(a,e,t)=>Ot(a,typeof e!="symbol"?e+"":e,t);import{V as Xe,p as se,h as pe,ah as et,ai as Rt,aj as Ct,q as je,ak as Mt,d as At,D as ye,al as tt,am as Lt,an as Dt,s as zt,ao as Pt,v as Ce,P as ue,O as we,ap as jt,aq as Vt,W as $t,R as Bt,$ as Wt,o as q,b as Kt,j as _,a0 as Jt,k as D,ar as Ut,as as qt,at as Gt,c as Y,n as st,e as xe,C as nt,F as it,a as de,t as he,au as Ht,av as rt,aw as Qt,a6 as Yt,ac as Zt,ax as Xt,_ as es}from"./framework.Ckp7d4B5.js";import{u as ts,c as ss}from"./theme.CSEovDxY.js";const ns={root:()=>Xe(()=>import("./@localSearchIndexroot.BZXLTBfG.js"),[]),zh:()=>Xe(()=>import("./@localSearchIndexzh.OkxnumW8.js"),[])};/*!
+var Ft=Object.defineProperty;var Ot=(a,e,t)=>e in a?Ft(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t;var Ce=(a,e,t)=>Ot(a,typeof e!="symbol"?e+"":e,t);import{V as Xe,p as ne,h as ve,ah as et,ai as Rt,aj as Ct,q as Ve,ak as Mt,d as At,D as we,al as tt,am as Lt,an as Dt,s as zt,ao as Pt,v as Me,P as de,O as xe,ap as jt,aq as Vt,W as $t,R as Bt,$ as Wt,o as q,b as Kt,j as _,a0 as Jt,k as D,ar as Ut,as as qt,at as Gt,c as Y,n as st,e as _e,C as nt,F as it,a as he,t as fe,au as Ht,av as rt,aw as Qt,a6 as Yt,ac as Zt,ax as Xt,_ as es}from"./framework.CoCfjAIq.js";import{u as ts,c as ss}from"./theme.BOdvyBRz.js";const ns={root:()=>Xe(()=>import("./@localSearchIndexroot.CYSMkTEJ.js"),[]),zh:()=>Xe(()=>import("./@localSearchIndexzh.DsxCylmZ.js"),[])};/*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/var mt=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],Ie=mt.join(","),gt=typeof Element>"u",ie=gt?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,ke=!gt&&Element.prototype.getRootNode?function(a){var e;return a==null||(e=a.getRootNode)===null||e===void 0?void 0:e.call(a)}:function(a){return a==null?void 0:a.ownerDocument},Ne=function a(e,t){var s;t===void 0&&(t=!0);var n=e==null||(s=e.getAttribute)===null||s===void 0?void 0:s.call(e,"inert"),r=n===""||n==="true",i=r||t&&e&&a(e.parentNode);return i},is=function(e){var t,s=e==null||(t=e.getAttribute)===null||t===void 0?void 0:t.call(e,"contenteditable");return s===""||s==="true"},bt=function(e,t,s){if(Ne(e))return[];var n=Array.prototype.slice.apply(e.querySelectorAll(Ie));return t&&ie.call(e,Ie)&&n.unshift(e),n=n.filter(s),n},yt=function a(e,t,s){for(var n=[],r=Array.from(e);r.length;){var i=r.shift();if(!Ne(i,!1))if(i.tagName==="SLOT"){var o=i.assignedElements(),l=o.length?o:i.children,c=a(l,!0,s);s.flatten?n.push.apply(n,c):n.push({scopeParent:i,candidates:c})}else{var h=ie.call(i,Ie);h&&s.filter(i)&&(t||!e.includes(i))&&n.push(i);var v=i.shadowRoot||typeof s.getShadowRoot=="function"&&s.getShadowRoot(i),p=!Ne(v,!1)&&(!s.shadowRootFilter||s.shadowRootFilter(i));if(v&&p){var b=a(v===!0?i.children:v.children,!0,s);s.flatten?n.push.apply(n,b):n.push({scopeParent:i,candidates:b})}else r.unshift.apply(r,i.children)}}return n},wt=function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))},ne=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||is(e))&&!wt(e)?0:e.tabIndex},rs=function(e,t){var s=ne(e);return s<0&&t&&!wt(e)?0:s},as=function(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex},xt=function(e){return e.tagName==="INPUT"},os=function(e){return xt(e)&&e.type==="hidden"},ls=function(e){var t=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some(function(s){return s.tagName==="SUMMARY"});return t},cs=function(e,t){for(var s=0;s<e.length;s++)if(e[s].checked&&e[s].form===t)return e[s]},us=function(e){if(!e.name)return!0;var t=e.form||ke(e),s=function(o){return t.querySelectorAll('input[type="radio"][name="'+o+'"]')},n;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")n=s(window.CSS.escape(e.name));else try{n=s(e.name)}catch(i){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",i.message),!1}var r=cs(n,e.form);return!r||r===e},ds=function(e){return xt(e)&&e.type==="radio"},hs=function(e){return ds(e)&&!us(e)},fs=function(e){var t,s=e&&ke(e),n=(t=s)===null||t===void 0?void 0:t.host,r=!1;if(s&&s!==e){var i,o,l;for(r=!!((i=n)!==null&&i!==void 0&&(o=i.ownerDocument)!==null&&o!==void 0&&o.contains(n)||e!=null&&(l=e.ownerDocument)!==null&&l!==void 0&&l.contains(e));!r&&n;){var c,h,v;s=ke(n),n=(c=s)===null||c===void 0?void 0:c.host,r=!!((h=n)!==null&&h!==void 0&&(v=h.ownerDocument)!==null&&v!==void 0&&v.contains(n))}}return r},at=function(e){var t=e.getBoundingClientRect(),s=t.width,n=t.height;return s===0&&n===0},ps=function(e,t){var s=t.displayCheck,n=t.getShadowRoot;if(getComputedStyle(e).visibility==="hidden")return!0;var r=ie.call(e,"details>summary:first-of-type"),i=r?e.parentElement:e;if(ie.call(i,"details:not([open]) *"))return!0;if(!s||s==="full"||s==="legacy-full"){if(typeof n=="function"){for(var o=e;e;){var l=e.parentElement,c=ke(e);if(l&&!l.shadowRoot&&n(l)===!0)return at(e);e.assignedSlot?e=e.assignedSlot:!l&&c!==e.ownerDocument?e=c.host:e=l}e=o}if(fs(e))return!e.getClientRects().length;if(s!=="legacy-full")return!0}else if(s==="non-zero-area")return at(e);return!1},vs=function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if(t.tagName==="FIELDSET"&&t.disabled){for(var s=0;s<t.children.length;s++){var n=t.children.item(s);if(n.tagName==="LEGEND")return ie.call(t,"fieldset[disabled] *")?!0:!n.contains(e)}return!0}t=t.parentElement}return!1},Fe=function(e,t){return!(t.disabled||Ne(t)||os(t)||ps(t,e)||ls(t)||vs(t))},Ve=function(e,t){return!(hs(t)||ne(t)<0||!Fe(e,t))},ms=function(e){var t=parseInt(e.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},gs=function a(e){var t=[],s=[];return e.forEach(function(n,r){var i=!!n.scopeParent,o=i?n.scopeParent:n,l=rs(o,i),c=i?a(n.candidates):o;l===0?i?t.push.apply(t,c):t.push(o):s.push({documentOrder:r,tabIndex:l,item:n,isScope:i,content:c})}),s.sort(as).reduce(function(n,r){return r.isScope?n.push.apply(n,r.content):n.push(r.content),n},[]).concat(t)},bs=function(e,t){t=t||{};var s;return t.getShadowRoot?s=yt([e],t.includeContainer,{filter:Ve.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:ms}):s=bt(e,t.includeContainer,Ve.bind(null,t)),gs(s)},ys=function(e,t){t=t||{};var s;return t.getShadowRoot?s=yt([e],t.includeContainer,{filter:Fe.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):s=bt(e,t.includeContainer,Fe.bind(null,t)),s},re=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return ie.call(e,Ie)===!1?!1:Ve(t,e)},ws=mt.concat("iframe").join(","),Me=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return ie.call(e,ws)===!1?!1:Fe(t,e)};/*!
+*/var mt=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],ke=mt.join(","),gt=typeof Element>"u",re=gt?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Ne=!gt&&Element.prototype.getRootNode?function(a){var e;return a==null||(e=a.getRootNode)===null||e===void 0?void 0:e.call(a)}:function(a){return a==null?void 0:a.ownerDocument},Fe=function a(e,t){var s;t===void 0&&(t=!0);var n=e==null||(s=e.getAttribute)===null||s===void 0?void 0:s.call(e,"inert"),r=n===""||n==="true",i=r||t&&e&&a(e.parentNode);return i},is=function(e){var t,s=e==null||(t=e.getAttribute)===null||t===void 0?void 0:t.call(e,"contenteditable");return s===""||s==="true"},bt=function(e,t,s){if(Fe(e))return[];var n=Array.prototype.slice.apply(e.querySelectorAll(ke));return t&&re.call(e,ke)&&n.unshift(e),n=n.filter(s),n},yt=function a(e,t,s){for(var n=[],r=Array.from(e);r.length;){var i=r.shift();if(!Fe(i,!1))if(i.tagName==="SLOT"){var o=i.assignedElements(),l=o.length?o:i.children,c=a(l,!0,s);s.flatten?n.push.apply(n,c):n.push({scopeParent:i,candidates:c})}else{var h=re.call(i,ke);h&&s.filter(i)&&(t||!e.includes(i))&&n.push(i);var v=i.shadowRoot||typeof s.getShadowRoot=="function"&&s.getShadowRoot(i),p=!Fe(v,!1)&&(!s.shadowRootFilter||s.shadowRootFilter(i));if(v&&p){var b=a(v===!0?i.children:v.children,!0,s);s.flatten?n.push.apply(n,b):n.push({scopeParent:i,candidates:b})}else r.unshift.apply(r,i.children)}}return n},wt=function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))},ie=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||is(e))&&!wt(e)?0:e.tabIndex},rs=function(e,t){var s=ie(e);return s<0&&t&&!wt(e)?0:s},as=function(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex},xt=function(e){return e.tagName==="INPUT"},os=function(e){return xt(e)&&e.type==="hidden"},ls=function(e){var t=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some(function(s){return s.tagName==="SUMMARY"});return t},cs=function(e,t){for(var s=0;s<e.length;s++)if(e[s].checked&&e[s].form===t)return e[s]},us=function(e){if(!e.name)return!0;var t=e.form||Ne(e),s=function(o){return t.querySelectorAll('input[type="radio"][name="'+o+'"]')},n;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")n=s(window.CSS.escape(e.name));else try{n=s(e.name)}catch(i){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",i.message),!1}var r=cs(n,e.form);return!r||r===e},ds=function(e){return xt(e)&&e.type==="radio"},hs=function(e){return ds(e)&&!us(e)},fs=function(e){var t,s=e&&Ne(e),n=(t=s)===null||t===void 0?void 0:t.host,r=!1;if(s&&s!==e){var i,o,l;for(r=!!((i=n)!==null&&i!==void 0&&(o=i.ownerDocument)!==null&&o!==void 0&&o.contains(n)||e!=null&&(l=e.ownerDocument)!==null&&l!==void 0&&l.contains(e));!r&&n;){var c,h,v;s=Ne(n),n=(c=s)===null||c===void 0?void 0:c.host,r=!!((h=n)!==null&&h!==void 0&&(v=h.ownerDocument)!==null&&v!==void 0&&v.contains(n))}}return r},at=function(e){var t=e.getBoundingClientRect(),s=t.width,n=t.height;return s===0&&n===0},ps=function(e,t){var s=t.displayCheck,n=t.getShadowRoot;if(getComputedStyle(e).visibility==="hidden")return!0;var r=re.call(e,"details>summary:first-of-type"),i=r?e.parentElement:e;if(re.call(i,"details:not([open]) *"))return!0;if(!s||s==="full"||s==="legacy-full"){if(typeof n=="function"){for(var o=e;e;){var l=e.parentElement,c=Ne(e);if(l&&!l.shadowRoot&&n(l)===!0)return at(e);e.assignedSlot?e=e.assignedSlot:!l&&c!==e.ownerDocument?e=c.host:e=l}e=o}if(fs(e))return!e.getClientRects().length;if(s!=="legacy-full")return!0}else if(s==="non-zero-area")return at(e);return!1},vs=function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if(t.tagName==="FIELDSET"&&t.disabled){for(var s=0;s<t.children.length;s++){var n=t.children.item(s);if(n.tagName==="LEGEND")return re.call(t,"fieldset[disabled] *")?!0:!n.contains(e)}return!0}t=t.parentElement}return!1},Oe=function(e,t){return!(t.disabled||Fe(t)||os(t)||ps(t,e)||ls(t)||vs(t))},$e=function(e,t){return!(hs(t)||ie(t)<0||!Oe(e,t))},ms=function(e){var t=parseInt(e.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},gs=function a(e){var t=[],s=[];return e.forEach(function(n,r){var i=!!n.scopeParent,o=i?n.scopeParent:n,l=rs(o,i),c=i?a(n.candidates):o;l===0?i?t.push.apply(t,c):t.push(o):s.push({documentOrder:r,tabIndex:l,item:n,isScope:i,content:c})}),s.sort(as).reduce(function(n,r){return r.isScope?n.push.apply(n,r.content):n.push(r.content),n},[]).concat(t)},bs=function(e,t){t=t||{};var s;return t.getShadowRoot?s=yt([e],t.includeContainer,{filter:$e.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:ms}):s=bt(e,t.includeContainer,$e.bind(null,t)),gs(s)},ys=function(e,t){t=t||{};var s;return t.getShadowRoot?s=yt([e],t.includeContainer,{filter:Oe.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):s=bt(e,t.includeContainer,Oe.bind(null,t)),s},ae=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return re.call(e,ke)===!1?!1:$e(t,e)},ws=mt.concat("iframe").join(","),Ae=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return re.call(e,ws)===!1?!1:Oe(t,e)};/*!
 * focus-trap 7.6.0
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function xs(a,e,t){return(e=Ss(e))in a?Object.defineProperty(a,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[e]=t,a}function ot(a,e){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(a);e&&(s=s.filter(function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable})),t.push.apply(t,s)}return t}function lt(a){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?ot(Object(t),!0).forEach(function(s){xs(a,s,t[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):ot(Object(t)).forEach(function(s){Object.defineProperty(a,s,Object.getOwnPropertyDescriptor(t,s))})}return a}function _s(a,e){if(typeof a!="object"||!a)return a;var t=a[Symbol.toPrimitive];if(t!==void 0){var s=t.call(a,e||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(a)}function Ss(a){var e=_s(a,"string");return typeof e=="symbol"?e:e+""}var ct={activateTrap:function(e,t){if(e.length>0){var s=e[e.length-1];s!==t&&s.pause()}var n=e.indexOf(t);n===-1||e.splice(n,1),e.push(t)},deactivateTrap:function(e,t){var s=e.indexOf(t);s!==-1&&e.splice(s,1),e.length>0&&e[e.length-1].unpause()}},Es=function(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select=="function"},Ts=function(e){return(e==null?void 0:e.key)==="Escape"||(e==null?void 0:e.key)==="Esc"||(e==null?void 0:e.keyCode)===27},ve=function(e){return(e==null?void 0:e.key)==="Tab"||(e==null?void 0:e.keyCode)===9},Is=function(e){return ve(e)&&!e.shiftKey},ks=function(e){return ve(e)&&e.shiftKey},ut=function(e){return setTimeout(e,0)},dt=function(e,t){var s=-1;return e.every(function(n,r){return t(n)?(s=r,!1):!0}),s},fe=function(e){for(var t=arguments.length,s=new Array(t>1?t-1:0),n=1;n<t;n++)s[n-1]=arguments[n];return typeof e=="function"?e.apply(void 0,s):e},_e=function(e){return e.target.shadowRoot&&typeof e.composedPath=="function"?e.composedPath()[0]:e.target},Ns=[],Fs=function(e,t){var s=(t==null?void 0:t.document)||document,n=(t==null?void 0:t.trapStack)||Ns,r=lt({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:Is,isKeyBackward:ks},t),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},o,l=function(d,u,g){return d&&d[u]!==void 0?d[u]:r[g||u]},c=function(d,u){var g=typeof(u==null?void 0:u.composedPath)=="function"?u.composedPath():void 0;return i.containerGroups.findIndex(function(S){var E=S.container,N=S.tabbableNodes;return E.contains(d)||(g==null?void 0:g.includes(E))||N.find(function(F){return F===d})})},h=function(d){var u=r[d];if(typeof u=="function"){for(var g=arguments.length,S=new Array(g>1?g-1:0),E=1;E<g;E++)S[E-1]=arguments[E];u=u.apply(void 0,S)}if(u===!0&&(u=void 0),!u){if(u===void 0||u===!1)return u;throw new Error("`".concat(d,"` was specified but was not a node, or did not return a node"))}var N=u;if(typeof u=="string"&&(N=s.querySelector(u),!N))throw new Error("`".concat(d,"` as selector refers to no known node"));return N},v=function(){var d=h("initialFocus");if(d===!1)return!1;if(d===void 0||!Me(d,r.tabbableOptions))if(c(s.activeElement)>=0)d=s.activeElement;else{var u=i.tabbableGroups[0],g=u&&u.firstTabbableNode;d=g||h("fallbackFocus")}if(!d)throw new Error("Your focus-trap needs to have at least one focusable element");return d},p=function(){if(i.containerGroups=i.containers.map(function(d){var u=bs(d,r.tabbableOptions),g=ys(d,r.tabbableOptions),S=u.length>0?u[0]:void 0,E=u.length>0?u[u.length-1]:void 0,N=g.find(function(f){return re(f)}),F=g.slice().reverse().find(function(f){return re(f)}),m=!!u.find(function(f){return ne(f)>0});return{container:d,tabbableNodes:u,focusableNodes:g,posTabIndexesFound:m,firstTabbableNode:S,lastTabbableNode:E,firstDomTabbableNode:N,lastDomTabbableNode:F,nextTabbableNode:function(T){var A=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,C=u.indexOf(T);return C<0?A?g.slice(g.indexOf(T)+1).find(function(M){return re(M)}):g.slice(0,g.indexOf(T)).reverse().find(function(M){return re(M)}):u[C+(A?1:-1)]}}}),i.tabbableGroups=i.containerGroups.filter(function(d){return d.tabbableNodes.length>0}),i.tabbableGroups.length<=0&&!h("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(i.containerGroups.find(function(d){return d.posTabIndexesFound})&&i.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},b=function(d){var u=d.activeElement;if(u)return u.shadowRoot&&u.shadowRoot.activeElement!==null?b(u.shadowRoot):u},y=function(d){if(d!==!1&&d!==b(document)){if(!d||!d.focus){y(v());return}d.focus({preventScroll:!!r.preventScroll}),i.mostRecentlyFocusedNode=d,Es(d)&&d.select()}},x=function(d){var u=h("setReturnFocus",d);return u||(u===!1?!1:d)},w=function(d){var u=d.target,g=d.event,S=d.isBackward,E=S===void 0?!1:S;u=u||_e(g),p();var N=null;if(i.tabbableGroups.length>0){var F=c(u,g),m=F>=0?i.containerGroups[F]:void 0;if(F<0)E?N=i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:N=i.tabbableGroups[0].firstTabbableNode;else if(E){var f=dt(i.tabbableGroups,function(L){var j=L.firstTabbableNode;return u===j});if(f<0&&(m.container===u||Me(u,r.tabbableOptions)&&!re(u,r.tabbableOptions)&&!m.nextTabbableNode(u,!1))&&(f=F),f>=0){var T=f===0?i.tabbableGroups.length-1:f-1,A=i.tabbableGroups[T];N=ne(u)>=0?A.lastTabbableNode:A.lastDomTabbableNode}else ve(g)||(N=m.nextTabbableNode(u,!1))}else{var C=dt(i.tabbableGroups,function(L){var j=L.lastTabbableNode;return u===j});if(C<0&&(m.container===u||Me(u,r.tabbableOptions)&&!re(u,r.tabbableOptions)&&!m.nextTabbableNode(u))&&(C=F),C>=0){var M=C===i.tabbableGroups.length-1?0:C+1,I=i.tabbableGroups[M];N=ne(u)>=0?I.firstTabbableNode:I.firstDomTabbableNode}else ve(g)||(N=m.nextTabbableNode(u))}}else N=h("fallbackFocus");return N},O=function(d){var u=_e(d);if(!(c(u,d)>=0)){if(fe(r.clickOutsideDeactivates,d)){o.deactivate({returnFocus:r.returnFocusOnDeactivate});return}fe(r.allowOutsideClick,d)||d.preventDefault()}},R=function(d){var u=_e(d),g=c(u,d)>=0;if(g||u instanceof Document)g&&(i.mostRecentlyFocusedNode=u);else{d.stopImmediatePropagation();var S,E=!0;if(i.mostRecentlyFocusedNode)if(ne(i.mostRecentlyFocusedNode)>0){var N=c(i.mostRecentlyFocusedNode),F=i.containerGroups[N].tabbableNodes;if(F.length>0){var m=F.findIndex(function(f){return f===i.mostRecentlyFocusedNode});m>=0&&(r.isKeyForward(i.recentNavEvent)?m+1<F.length&&(S=F[m+1],E=!1):m-1>=0&&(S=F[m-1],E=!1))}}else i.containerGroups.some(function(f){return f.tabbableNodes.some(function(T){return ne(T)>0})})||(E=!1);else E=!1;E&&(S=w({target:i.mostRecentlyFocusedNode,isBackward:r.isKeyBackward(i.recentNavEvent)})),y(S||i.mostRecentlyFocusedNode||v())}i.recentNavEvent=void 0},K=function(d){var u=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;i.recentNavEvent=d;var g=w({event:d,isBackward:u});g&&(ve(d)&&d.preventDefault(),y(g))},G=function(d){(r.isKeyForward(d)||r.isKeyBackward(d))&&K(d,r.isKeyBackward(d))},W=function(d){Ts(d)&&fe(r.escapeDeactivates,d)!==!1&&(d.preventDefault(),o.deactivate())},V=function(d){var u=_e(d);c(u,d)>=0||fe(r.clickOutsideDeactivates,d)||fe(r.allowOutsideClick,d)||(d.preventDefault(),d.stopImmediatePropagation())},$=function(){if(i.active)return ct.activateTrap(n,o),i.delayInitialFocusTimer=r.delayInitialFocus?ut(function(){y(v())}):y(v()),s.addEventListener("focusin",R,!0),s.addEventListener("mousedown",O,{capture:!0,passive:!1}),s.addEventListener("touchstart",O,{capture:!0,passive:!1}),s.addEventListener("click",V,{capture:!0,passive:!1}),s.addEventListener("keydown",G,{capture:!0,passive:!1}),s.addEventListener("keydown",W),o},me=function(){if(i.active)return s.removeEventListener("focusin",R,!0),s.removeEventListener("mousedown",O,!0),s.removeEventListener("touchstart",O,!0),s.removeEventListener("click",V,!0),s.removeEventListener("keydown",G,!0),s.removeEventListener("keydown",W),o},P=function(d){var u=d.some(function(g){var S=Array.from(g.removedNodes);return S.some(function(E){return E===i.mostRecentlyFocusedNode})});u&&y(v())},H=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(P):void 0,J=function(){H&&(H.disconnect(),i.active&&!i.paused&&i.containers.map(function(d){H.observe(d,{subtree:!0,childList:!0})}))};return o={get active(){return i.active},get paused(){return i.paused},activate:function(d){if(i.active)return this;var u=l(d,"onActivate"),g=l(d,"onPostActivate"),S=l(d,"checkCanFocusTrap");S||p(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=s.activeElement,u==null||u();var E=function(){S&&p(),$(),J(),g==null||g()};return S?(S(i.containers.concat()).then(E,E),this):(E(),this)},deactivate:function(d){if(!i.active)return this;var u=lt({onDeactivate:r.onDeactivate,onPostDeactivate:r.onPostDeactivate,checkCanReturnFocus:r.checkCanReturnFocus},d);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,me(),i.active=!1,i.paused=!1,J(),ct.deactivateTrap(n,o);var g=l(u,"onDeactivate"),S=l(u,"onPostDeactivate"),E=l(u,"checkCanReturnFocus"),N=l(u,"returnFocus","returnFocusOnDeactivate");g==null||g();var F=function(){ut(function(){N&&y(x(i.nodeFocusedBeforeActivation)),S==null||S()})};return N&&E?(E(x(i.nodeFocusedBeforeActivation)).then(F,F),this):(F(),this)},pause:function(d){if(i.paused||!i.active)return this;var u=l(d,"onPause"),g=l(d,"onPostPause");return i.paused=!0,u==null||u(),me(),J(),g==null||g(),this},unpause:function(d){if(!i.paused||!i.active)return this;var u=l(d,"onUnpause"),g=l(d,"onPostUnpause");return i.paused=!1,u==null||u(),p(),$(),J(),g==null||g(),this},updateContainerElements:function(d){var u=[].concat(d).filter(Boolean);return i.containers=u.map(function(g){return typeof g=="string"?s.querySelector(g):g}),i.active&&p(),J(),this}},o.updateContainerElements(e),o};function Os(a,e={}){let t;const{immediate:s,...n}=e,r=se(!1),i=se(!1),o=p=>t&&t.activate(p),l=p=>t&&t.deactivate(p),c=()=>{t&&(t.pause(),i.value=!0)},h=()=>{t&&(t.unpause(),i.value=!1)},v=pe(()=>{const p=et(a);return(Array.isArray(p)?p:[p]).map(b=>{const y=et(b);return typeof y=="string"?y:Rt(y)}).filter(Ct)});return je(v,p=>{p.length&&(t=Fs(p,{...n,onActivate(){r.value=!0,e.onActivate&&e.onActivate()},onDeactivate(){r.value=!1,e.onDeactivate&&e.onDeactivate()}}),s&&o())},{flush:"post"}),Mt(()=>l()),{hasFocus:r,isPaused:i,activate:o,deactivate:l,pause:c,unpause:h}}class oe{constructor(e,t=!0,s=[],n=5e3){this.ctx=e,this.iframes=t,this.exclude=s,this.iframesTimeout=n}static matches(e,t){const s=typeof t=="string"?[t]:t,n=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector;if(n){let r=!1;return s.every(i=>n.call(e,i)?(r=!0,!1):!0),r}else return!1}getContexts(){let e,t=[];return typeof this.ctx>"u"||!this.ctx?e=[]:NodeList.prototype.isPrototypeOf(this.ctx)?e=Array.prototype.slice.call(this.ctx):Array.isArray(this.ctx)?e=this.ctx:typeof this.ctx=="string"?e=Array.prototype.slice.call(document.querySelectorAll(this.ctx)):e=[this.ctx],e.forEach(s=>{const n=t.filter(r=>r.contains(s)).length>0;t.indexOf(s)===-1&&!n&&t.push(s)}),t}getIframeContents(e,t,s=()=>{}){let n;try{const r=e.contentWindow;if(n=r.document,!r||!n)throw new Error("iframe inaccessible")}catch{s()}n&&t(n)}isIframeBlank(e){const t="about:blank",s=e.getAttribute("src").trim();return e.contentWindow.location.href===t&&s!==t&&s}observeIframeLoad(e,t,s){let n=!1,r=null;const i=()=>{if(!n){n=!0,clearTimeout(r);try{this.isIframeBlank(e)||(e.removeEventListener("load",i),this.getIframeContents(e,t,s))}catch{s()}}};e.addEventListener("load",i),r=setTimeout(i,this.iframesTimeout)}onIframeReady(e,t,s){try{e.contentWindow.document.readyState==="complete"?this.isIframeBlank(e)?this.observeIframeLoad(e,t,s):this.getIframeContents(e,t,s):this.observeIframeLoad(e,t,s)}catch{s()}}waitForIframes(e,t){let s=0;this.forEachIframe(e,()=>!0,n=>{s++,this.waitForIframes(n.querySelector("html"),()=>{--s||t()})},n=>{n||t()})}forEachIframe(e,t,s,n=()=>{}){let r=e.querySelectorAll("iframe"),i=r.length,o=0;r=Array.prototype.slice.call(r);const l=()=>{--i<=0&&n(o)};i||l(),r.forEach(c=>{oe.matches(c,this.exclude)?l():this.onIframeReady(c,h=>{t(c)&&(o++,s(h)),l()},l)})}createIterator(e,t,s){return document.createNodeIterator(e,t,s,!1)}createInstanceOnIframe(e){return new oe(e.querySelector("html"),this.iframes)}compareNodeIframe(e,t,s){const n=e.compareDocumentPosition(s),r=Node.DOCUMENT_POSITION_PRECEDING;if(n&r)if(t!==null){const i=t.compareDocumentPosition(s),o=Node.DOCUMENT_POSITION_FOLLOWING;if(i&o)return!0}else return!0;return!1}getIteratorNode(e){const t=e.previousNode();let s;return t===null?s=e.nextNode():s=e.nextNode()&&e.nextNode(),{prevNode:t,node:s}}checkIframeFilter(e,t,s,n){let r=!1,i=!1;return n.forEach((o,l)=>{o.val===s&&(r=l,i=o.handled)}),this.compareNodeIframe(e,t,s)?(r===!1&&!i?n.push({val:s,handled:!0}):r!==!1&&!i&&(n[r].handled=!0),!0):(r===!1&&n.push({val:s,handled:!1}),!1)}handleOpenIframes(e,t,s,n){e.forEach(r=>{r.handled||this.getIframeContents(r.val,i=>{this.createInstanceOnIframe(i).forEachNode(t,s,n)})})}iterateThroughNodes(e,t,s,n,r){const i=this.createIterator(t,e,n);let o=[],l=[],c,h,v=()=>({prevNode:h,node:c}=this.getIteratorNode(i),c);for(;v();)this.iframes&&this.forEachIframe(t,p=>this.checkIframeFilter(c,h,p,o),p=>{this.createInstanceOnIframe(p).forEachNode(e,b=>l.push(b),n)}),l.push(c);l.forEach(p=>{s(p)}),this.iframes&&this.handleOpenIframes(o,e,s,n),r()}forEachNode(e,t,s,n=()=>{}){const r=this.getContexts();let i=r.length;i||n(),r.forEach(o=>{const l=()=>{this.iterateThroughNodes(e,o,t,s,()=>{--i<=0&&n()})};this.iframes?this.waitForIframes(o,l):l()})}}let Rs=class{constructor(e){this.ctx=e,this.ie=!1;const t=window.navigator.userAgent;(t.indexOf("MSIE")>-1||t.indexOf("Trident")>-1)&&(this.ie=!0)}set opt(e){this._opt=Object.assign({},{element:"",className:"",exclude:[],iframes:!1,iframesTimeout:5e3,separateWordSearch:!0,diacritics:!0,synonyms:{},accuracy:"partially",acrossElements:!1,caseSensitive:!1,ignoreJoiners:!1,ignoreGroups:0,ignorePunctuation:[],wildcards:"disabled",each:()=>{},noMatch:()=>{},filter:()=>!0,done:()=>{},debug:!1,log:window.console},e)}get opt(){return this._opt}get iterator(){return new oe(this.ctx,this.opt.iframes,this.opt.exclude,this.opt.iframesTimeout)}log(e,t="debug"){const s=this.opt.log;this.opt.debug&&typeof s=="object"&&typeof s[t]=="function"&&s[t](`mark.js: ${e}`)}escapeStr(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}createRegExp(e){return this.opt.wildcards!=="disabled"&&(e=this.setupWildcardsRegExp(e)),e=this.escapeStr(e),Object.keys(this.opt.synonyms).length&&(e=this.createSynonymsRegExp(e)),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),this.opt.diacritics&&(e=this.createDiacriticsRegExp(e)),e=this.createMergedBlanksRegExp(e),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.createJoinersRegExp(e)),this.opt.wildcards!=="disabled"&&(e=this.createWildcardsRegExp(e)),e=this.createAccuracyRegExp(e),e}createSynonymsRegExp(e){const t=this.opt.synonyms,s=this.opt.caseSensitive?"":"i",n=this.opt.ignoreJoiners||this.opt.ignorePunctuation.length?"\0":"";for(let r in t)if(t.hasOwnProperty(r)){const i=t[r],o=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(r):this.escapeStr(r),l=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(i):this.escapeStr(i);o!==""&&l!==""&&(e=e.replace(new RegExp(`(${this.escapeStr(o)}|${this.escapeStr(l)})`,`gm${s}`),n+`(${this.processSynomyms(o)}|${this.processSynomyms(l)})`+n))}return e}processSynomyms(e){return(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),e}setupWildcardsRegExp(e){return e=e.replace(/(?:\\)*\?/g,t=>t.charAt(0)==="\\"?"?":"
"),e.replace(/(?:\\)*\*/g,t=>t.charAt(0)==="\\"?"*":"")}createWildcardsRegExp(e){let t=this.opt.wildcards==="withSpaces";return e.replace(/\u0001/g,t?"[\\S\\s]?":"\\S?").replace(/\u0002/g,t?"[\\S\\s]*?":"\\S*")}setupIgnoreJoinersRegExp(e){return e.replace(/[^(|)\\]/g,(t,s,n)=>{let r=n.charAt(s+1);return/[(|)\\]/.test(r)||r===""?t:t+"\0"})}createJoinersRegExp(e){let t=[];const s=this.opt.ignorePunctuation;return Array.isArray(s)&&s.length&&t.push(this.escapeStr(s.join(""))),this.opt.ignoreJoiners&&t.push("\\u00ad\\u200b\\u200c\\u200d"),t.length?e.split(/\u0000+/).join(`[${t.join("")}]*`):e}createDiacriticsRegExp(e){const t=this.opt.caseSensitive?"":"i",s=this.opt.caseSensitive?["aàáảãạăằắẳẵặâầấẩẫậäåāą","AÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćč","CÇĆČ","dđď","DĐĎ","eèéẻẽẹêềếểễệëěēę","EÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïī","IÌÍỈĨỊÎÏĪ","lł","LŁ","nñňń","NÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøō","OÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rř","RŘ","sšśșş","SŠŚȘŞ","tťțţ","TŤȚŢ","uùúủũụưừứửữựûüůū","UÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿ","YÝỲỶỸỴŸ","zžżź","ZŽŻŹ"]:["aàáảãạăằắẳẵặâầấẩẫậäåāąAÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćčCÇĆČ","dđďDĐĎ","eèéẻẽẹêềếểễệëěēęEÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïīIÌÍỈĨỊÎÏĪ","lłLŁ","nñňńNÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøōOÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rřRŘ","sšśșşSŠŚȘŞ","tťțţTŤȚŢ","uùúủũụưừứửữựûüůūUÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿYÝỲỶỸỴŸ","zžżźZŽŻŹ"];let n=[];return e.split("").forEach(r=>{s.every(i=>{if(i.indexOf(r)!==-1){if(n.indexOf(i)>-1)return!1;e=e.replace(new RegExp(`[${i}]`,`gm${t}`),`[${i}]`),n.push(i)}return!0})}),e}createMergedBlanksRegExp(e){return e.replace(/[\s]+/gmi,"[\\s]+")}createAccuracyRegExp(e){const t="!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~¡¿";let s=this.opt.accuracy,n=typeof s=="string"?s:s.value,r=typeof s=="string"?[]:s.limiters,i="";switch(r.forEach(o=>{i+=`|${this.escapeStr(o)}`}),n){case"partially":default:return`()(${e})`;case"complementary":return i="\\s"+(i||this.escapeStr(t)),`()([^${i}]*${e}[^${i}]*)`;case"exactly":return`(^|\\s${i})(${e})(?=$|\\s${i})`}}getSeparatedKeywords(e){let t=[];return e.forEach(s=>{this.opt.separateWordSearch?s.split(" ").forEach(n=>{n.trim()&&t.indexOf(n)===-1&&t.push(n)}):s.trim()&&t.indexOf(s)===-1&&t.push(s)}),{keywords:t.sort((s,n)=>n.length-s.length),length:t.length}}isNumeric(e){return Number(parseFloat(e))==e}checkRanges(e){if(!Array.isArray(e)||Object.prototype.toString.call(e[0])!=="[object Object]")return this.log("markRanges() will only accept an array of objects"),this.opt.noMatch(e),[];const t=[];let s=0;return e.sort((n,r)=>n.start-r.start).forEach(n=>{let{start:r,end:i,valid:o}=this.callNoMatchOnInvalidRanges(n,s);o&&(n.start=r,n.length=i-r,t.push(n),s=i)}),t}callNoMatchOnInvalidRanges(e,t){let s,n,r=!1;return e&&typeof e.start<"u"?(s=parseInt(e.start,10),n=s+parseInt(e.length,10),this.isNumeric(e.start)&&this.isNumeric(e.length)&&n-t>0&&n-s>0?r=!0:(this.log(`Ignoring invalid or overlapping range: ${JSON.stringify(e)}`),this.opt.noMatch(e))):(this.log(`Ignoring invalid range: ${JSON.stringify(e)}`),this.opt.noMatch(e)),{start:s,end:n,valid:r}}checkWhitespaceRanges(e,t,s){let n,r=!0,i=s.length,o=t-i,l=parseInt(e.start,10)-o;return l=l>i?i:l,n=l+parseInt(e.length,10),n>i&&(n=i,this.log(`End range automatically set to the max value of ${i}`)),l<0||n-l<0||l>i||n>i?(r=!1,this.log(`Invalid range: ${JSON.stringify(e)}`),this.opt.noMatch(e)):s.substring(l,n).replace(/\s+/g,"")===""&&(r=!1,this.log("Skipping whitespace only range: "+JSON.stringify(e)),this.opt.noMatch(e)),{start:l,end:n,valid:r}}getTextNodes(e){let t="",s=[];this.iterator.forEachNode(NodeFilter.SHOW_TEXT,n=>{s.push({start:t.length,end:(t+=n.textContent).length,node:n})},n=>this.matchesExclude(n.parentNode)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT,()=>{e({value:t,nodes:s})})}matchesExclude(e){return oe.matches(e,this.opt.exclude.concat(["script","style","title","head","html"]))}wrapRangeInTextNode(e,t,s){const n=this.opt.element?this.opt.element:"mark",r=e.splitText(t),i=r.splitText(s-t);let o=document.createElement(n);return o.setAttribute("data-markjs","true"),this.opt.className&&o.setAttribute("class",this.opt.className),o.textContent=r.textContent,r.parentNode.replaceChild(o,r),i}wrapRangeInMappedTextNode(e,t,s,n,r){e.nodes.every((i,o)=>{const l=e.nodes[o+1];if(typeof l>"u"||l.start>t){if(!n(i.node))return!1;const c=t-i.start,h=(s>i.end?i.end:s)-i.start,v=e.value.substr(0,i.start),p=e.value.substr(h+i.start);if(i.node=this.wrapRangeInTextNode(i.node,c,h),e.value=v+p,e.nodes.forEach((b,y)=>{y>=o&&(e.nodes[y].start>0&&y!==o&&(e.nodes[y].start-=h),e.nodes[y].end-=h)}),s-=h,r(i.node.previousSibling,i.start),s>i.end)t=i.end;else return!1}return!0})}wrapMatches(e,t,s,n,r){const i=t===0?0:t+1;this.getTextNodes(o=>{o.nodes.forEach(l=>{l=l.node;let c;for(;(c=e.exec(l.textContent))!==null&&c[i]!=="";){if(!s(c[i],l))continue;let h=c.index;if(i!==0)for(let v=1;v<i;v++)h+=c[v].length;l=this.wrapRangeInTextNode(l,h,h+c[i].length),n(l.previousSibling),e.lastIndex=0}}),r()})}wrapMatchesAcrossElements(e,t,s,n,r){const i=t===0?0:t+1;this.getTextNodes(o=>{let l;for(;(l=e.exec(o.value))!==null&&l[i]!=="";){let c=l.index;if(i!==0)for(let v=1;v<i;v++)c+=l[v].length;const h=c+l[i].length;this.wrapRangeInMappedTextNode(o,c,h,v=>s(l[i],v),(v,p)=>{e.lastIndex=p,n(v)})}r()})}wrapRangeFromIndex(e,t,s,n){this.getTextNodes(r=>{const i=r.value.length;e.forEach((o,l)=>{let{start:c,end:h,valid:v}=this.checkWhitespaceRanges(o,i,r.value);v&&this.wrapRangeInMappedTextNode(r,c,h,p=>t(p,o,r.value.substring(c,h),l),p=>{s(p,o)})}),n()})}unwrapMatches(e){const t=e.parentNode;let s=document.createDocumentFragment();for(;e.firstChild;)s.appendChild(e.removeChild(e.firstChild));t.replaceChild(s,e),this.ie?this.normalizeTextNode(t):t.normalize()}normalizeTextNode(e){if(e){if(e.nodeType===3)for(;e.nextSibling&&e.nextSibling.nodeType===3;)e.nodeValue+=e.nextSibling.nodeValue,e.parentNode.removeChild(e.nextSibling);else this.normalizeTextNode(e.firstChild);this.normalizeTextNode(e.nextSibling)}}markRegExp(e,t){this.opt=t,this.log(`Searching with expression "${e}"`);let s=0,n="wrapMatches";const r=i=>{s++,this.opt.each(i)};this.opt.acrossElements&&(n="wrapMatchesAcrossElements"),this[n](e,this.opt.ignoreGroups,(i,o)=>this.opt.filter(o,i,s),r,()=>{s===0&&this.opt.noMatch(e),this.opt.done(s)})}mark(e,t){this.opt=t;let s=0,n="wrapMatches";const{keywords:r,length:i}=this.getSeparatedKeywords(typeof e=="string"?[e]:e),o=this.opt.caseSensitive?"":"i",l=c=>{let h=new RegExp(this.createRegExp(c),`gm${o}`),v=0;this.log(`Searching with expression "${h}"`),this[n](h,1,(p,b)=>this.opt.filter(b,c,s,v),p=>{v++,s++,this.opt.each(p)},()=>{v===0&&this.opt.noMatch(c),r[i-1]===c?this.opt.done(s):l(r[r.indexOf(c)+1])})};this.opt.acrossElements&&(n="wrapMatchesAcrossElements"),i===0?this.opt.done(s):l(r[0])}markRanges(e,t){this.opt=t;let s=0,n=this.checkRanges(e);n&&n.length?(this.log("Starting to mark with the following ranges: "+JSON.stringify(n)),this.wrapRangeFromIndex(n,(r,i,o,l)=>this.opt.filter(r,i,o,l),(r,i)=>{s++,this.opt.each(r,i)},()=>{this.opt.done(s)})):this.opt.done(s)}unmark(e){this.opt=e;let t=this.opt.element?this.opt.element:"*";t+="[data-markjs]",this.opt.className&&(t+=`.${this.opt.className}`),this.log(`Removal selector "${t}"`),this.iterator.forEachNode(NodeFilter.SHOW_ELEMENT,s=>{this.unwrapMatches(s)},s=>{const n=oe.matches(s,t),r=this.matchesExclude(s);return!n||r?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT},this.opt.done)}};function Cs(a){const e=new Rs(a);return this.mark=(t,s)=>(e.mark(t,s),this),this.markRegExp=(t,s)=>(e.markRegExp(t,s),this),this.markRanges=(t,s)=>(e.markRanges(t,s),this),this.unmark=t=>(e.unmark(t),this),this}function Te(a,e,t,s){function n(r){return r instanceof t?r:new t(function(i){i(r)})}return new(t||(t=Promise))(function(r,i){function o(h){try{c(s.next(h))}catch(v){i(v)}}function l(h){try{c(s.throw(h))}catch(v){i(v)}}function c(h){h.done?r(h.value):n(h.value).then(o,l)}c((s=s.apply(a,[])).next())})}const Ms="ENTRIES",_t="KEYS",St="VALUES",z="";class Ae{constructor(e,t){const s=e._tree,n=Array.from(s.keys());this.set=e,this._type=t,this._path=n.length>0?[{node:s,keys:n}]:[]}next(){const e=this.dive();return this.backtrack(),e}dive(){if(this._path.length===0)return{done:!0,value:void 0};const{node:e,keys:t}=ae(this._path);if(ae(t)===z)return{done:!1,value:this.result()};const s=e.get(ae(t));return this._path.push({node:s,keys:Array.from(s.keys())}),this.dive()}backtrack(){if(this._path.length===0)return;const e=ae(this._path).keys;e.pop(),!(e.length>0)&&(this._path.pop(),this.backtrack())}key(){return this.set._prefix+this._path.map(({keys:e})=>ae(e)).filter(e=>e!==z).join("")}value(){return ae(this._path).node.get(z)}result(){switch(this._type){case St:return this.value();case _t:return this.key();default:return[this.key(),this.value()]}}[Symbol.iterator](){return this}}const ae=a=>a[a.length-1],As=(a,e,t)=>{const s=new Map;if(e===void 0)return s;const n=e.length+1,r=n+t,i=new Uint8Array(r*n).fill(t+1);for(let o=0;o<n;++o)i[o]=o;for(let o=1;o<r;++o)i[o*n]=o;return Et(a,e,t,s,i,1,n,""),s},Et=(a,e,t,s,n,r,i,o)=>{const l=r*i;e:for(const c of a.keys())if(c===z){const h=n[l-1];h<=t&&s.set(o,[a.get(c),h])}else{let h=r;for(let v=0;v<c.length;++v,++h){const p=c[v],b=i*h,y=b-i;let x=n[b];const w=Math.max(0,h-t-1),O=Math.min(i-1,h+t);for(let R=w;R<O;++R){const K=p!==e[R],G=n[y+R]+ +K,W=n[y+R+1]+1,V=n[b+R]+1,$=n[b+R+1]=Math.min(G,W,V);$<x&&(x=$)}if(x>t)continue e}Et(a.get(c),e,t,s,n,h,i,o+c)}};class Z{constructor(e=new Map,t=""){this._size=void 0,this._tree=e,this._prefix=t}atPrefix(e){if(!e.startsWith(this._prefix))throw new Error("Mismatched prefix");const[t,s]=Oe(this._tree,e.slice(this._prefix.length));if(t===void 0){const[n,r]=Ke(s);for(const i of n.keys())if(i!==z&&i.startsWith(r)){const o=new Map;return o.set(i.slice(r.length),n.get(i)),new Z(o,e)}}return new Z(t,e)}clear(){this._size=void 0,this._tree.clear()}delete(e){return this._size=void 0,Ls(this._tree,e)}entries(){return new Ae(this,Ms)}forEach(e){for(const[t,s]of this)e(t,s,this)}fuzzyGet(e,t){return As(this._tree,e,t)}get(e){const t=$e(this._tree,e);return t!==void 0?t.get(z):void 0}has(e){const t=$e(this._tree,e);return t!==void 0&&t.has(z)}keys(){return new Ae(this,_t)}set(e,t){if(typeof e!="string")throw new Error("key must be a string");return this._size=void 0,Le(this._tree,e).set(z,t),this}get size(){if(this._size)return this._size;this._size=0;const e=this.entries();for(;!e.next().done;)this._size+=1;return this._size}update(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;const s=Le(this._tree,e);return s.set(z,t(s.get(z))),this}fetch(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;const s=Le(this._tree,e);let n=s.get(z);return n===void 0&&s.set(z,n=t()),n}values(){return new Ae(this,St)}[Symbol.iterator](){return this.entries()}static from(e){const t=new Z;for(const[s,n]of e)t.set(s,n);return t}static fromObject(e){return Z.from(Object.entries(e))}}const Oe=(a,e,t=[])=>{if(e.length===0||a==null)return[a,t];for(const s of a.keys())if(s!==z&&e.startsWith(s))return t.push([a,s]),Oe(a.get(s),e.slice(s.length),t);return t.push([a,e]),Oe(void 0,"",t)},$e=(a,e)=>{if(e.length===0||a==null)return a;for(const t of a.keys())if(t!==z&&e.startsWith(t))return $e(a.get(t),e.slice(t.length))},Le=(a,e)=>{const t=e.length;e:for(let s=0;a&&s<t;){for(const r of a.keys())if(r!==z&&e[s]===r[0]){const i=Math.min(t-s,r.length);let o=1;for(;o<i&&e[s+o]===r[o];)++o;const l=a.get(r);if(o===r.length)a=l;else{const c=new Map;c.set(r.slice(o),l),a.set(e.slice(s,s+o),c),a.delete(r),a=c}s+=o;continue e}const n=new Map;return a.set(e.slice(s),n),n}return a},Ls=(a,e)=>{const[t,s]=Oe(a,e);if(t!==void 0){if(t.delete(z),t.size===0)Tt(s);else if(t.size===1){const[n,r]=t.entries().next().value;It(s,n,r)}}},Tt=a=>{if(a.length===0)return;const[e,t]=Ke(a);if(e.delete(t),e.size===0)Tt(a.slice(0,-1));else if(e.size===1){const[s,n]=e.entries().next().value;s!==z&&It(a.slice(0,-1),s,n)}},It=(a,e,t)=>{if(a.length===0)return;const[s,n]=Ke(a);s.set(n+e,t),s.delete(n)},Ke=a=>a[a.length-1],Je="or",kt="and",Ds="and_not";class le{constructor(e){if((e==null?void 0:e.fields)==null)throw new Error('MiniSearch: option "fields" must be provided');const t=e.autoVacuum==null||e.autoVacuum===!0?Pe:e.autoVacuum;this._options=Object.assign(Object.assign(Object.assign({},ze),e),{autoVacuum:t,searchOptions:Object.assign(Object.assign({},ht),e.searchOptions||{}),autoSuggestOptions:Object.assign(Object.assign({},$s),e.autoSuggestOptions||{})}),this._index=new Z,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldIds={},this._fieldLength=new Map,this._avgFieldLength=[],this._nextId=0,this._storedFields=new Map,this._dirtCount=0,this._currentVacuum=null,this._enqueuedVacuum=null,this._enqueuedVacuumConditions=We,this.addFields(this._options.fields)}add(e){const{extractField:t,tokenize:s,processTerm:n,fields:r,idField:i}=this._options,o=t(e,i);if(o==null)throw new Error(`MiniSearch: document does not have ID field "${i}"`);if(this._idToShortId.has(o))throw new Error(`MiniSearch: duplicate ID ${o}`);const l=this.addDocumentId(o);this.saveStoredFields(l,e);for(const c of r){const h=t(e,c);if(h==null)continue;const v=s(h.toString(),c),p=this._fieldIds[c],b=new Set(v).size;this.addFieldLength(l,p,this._documentCount-1,b);for(const y of v){const x=n(y,c);if(Array.isArray(x))for(const w of x)this.addTerm(p,l,w);else x&&this.addTerm(p,l,x)}}}addAll(e){for(const t of e)this.add(t)}addAllAsync(e,t={}){const{chunkSize:s=10}=t,n={chunk:[],promise:Promise.resolve()},{chunk:r,promise:i}=e.reduce(({chunk:o,promise:l},c,h)=>(o.push(c),(h+1)%s===0?{chunk:[],promise:l.then(()=>new Promise(v=>setTimeout(v,0))).then(()=>this.addAll(o))}:{chunk:o,promise:l}),n);return i.then(()=>this.addAll(r))}remove(e){const{tokenize:t,processTerm:s,extractField:n,fields:r,idField:i}=this._options,o=n(e,i);if(o==null)throw new Error(`MiniSearch: document does not have ID field "${i}"`);const l=this._idToShortId.get(o);if(l==null)throw new Error(`MiniSearch: cannot remove document with ID ${o}: it is not in the index`);for(const c of r){const h=n(e,c);if(h==null)continue;const v=t(h.toString(),c),p=this._fieldIds[c],b=new Set(v).size;this.removeFieldLength(l,p,this._documentCount,b);for(const y of v){const x=s(y,c);if(Array.isArray(x))for(const w of x)this.removeTerm(p,l,w);else x&&this.removeTerm(p,l,x)}}this._storedFields.delete(l),this._documentIds.delete(l),this._idToShortId.delete(o),this._fieldLength.delete(l),this._documentCount-=1}removeAll(e){if(e)for(const t of e)this.remove(t);else{if(arguments.length>0)throw new Error("Expected documents to be present. Omit the argument to remove all documents.");this._index=new Z,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldLength=new Map,this._avgFieldLength=[],this._storedFields=new Map,this._nextId=0}}discard(e){const t=this._idToShortId.get(e);if(t==null)throw new Error(`MiniSearch: cannot discard document with ID ${e}: it is not in the index`);this._idToShortId.delete(e),this._documentIds.delete(t),this._storedFields.delete(t),(this._fieldLength.get(t)||[]).forEach((s,n)=>{this.removeFieldLength(t,n,this._documentCount,s)}),this._fieldLength.delete(t),this._documentCount-=1,this._dirtCount+=1,this.maybeAutoVacuum()}maybeAutoVacuum(){if(this._options.autoVacuum===!1)return;const{minDirtFactor:e,minDirtCount:t,batchSize:s,batchWait:n}=this._options.autoVacuum;this.conditionalVacuum({batchSize:s,batchWait:n},{minDirtCount:t,minDirtFactor:e})}discardAll(e){const t=this._options.autoVacuum;try{this._options.autoVacuum=!1;for(const s of e)this.discard(s)}finally{this._options.autoVacuum=t}this.maybeAutoVacuum()}replace(e){const{idField:t,extractField:s}=this._options,n=s(e,t);this.discard(n),this.add(e)}vacuum(e={}){return this.conditionalVacuum(e)}conditionalVacuum(e,t){return this._currentVacuum?(this._enqueuedVacuumConditions=this._enqueuedVacuumConditions&&t,this._enqueuedVacuum!=null?this._enqueuedVacuum:(this._enqueuedVacuum=this._currentVacuum.then(()=>{const s=this._enqueuedVacuumConditions;return this._enqueuedVacuumConditions=We,this.performVacuuming(e,s)}),this._enqueuedVacuum)):this.vacuumConditionsMet(t)===!1?Promise.resolve():(this._currentVacuum=this.performVacuuming(e),this._currentVacuum)}performVacuuming(e,t){return Te(this,void 0,void 0,function*(){const s=this._dirtCount;if(this.vacuumConditionsMet(t)){const n=e.batchSize||Be.batchSize,r=e.batchWait||Be.batchWait;let i=1;for(const[o,l]of this._index){for(const[c,h]of l)for(const[v]of h)this._documentIds.has(v)||(h.size<=1?l.delete(c):h.delete(v));this._index.get(o).size===0&&this._index.delete(o),i%n===0&&(yield new Promise(c=>setTimeout(c,r))),i+=1}this._dirtCount-=s}yield null,this._currentVacuum=this._enqueuedVacuum,this._enqueuedVacuum=null})}vacuumConditionsMet(e){if(e==null)return!0;let{minDirtCount:t,minDirtFactor:s}=e;return t=t||Pe.minDirtCount,s=s||Pe.minDirtFactor,this.dirtCount>=t&&this.dirtFactor>=s}get isVacuuming(){return this._currentVacuum!=null}get dirtCount(){return this._dirtCount}get dirtFactor(){return this._dirtCount/(1+this._documentCount+this._dirtCount)}has(e){return this._idToShortId.has(e)}getStoredFields(e){const t=this._idToShortId.get(e);if(t!=null)return this._storedFields.get(t)}search(e,t={}){const s=this.executeQuery(e,t),n=[];for(const[r,{score:i,terms:o,match:l}]of s){const c=o.length||1,h={id:this._documentIds.get(r),score:i*c,terms:Object.keys(l),queryTerms:o,match:l};Object.assign(h,this._storedFields.get(r)),(t.filter==null||t.filter(h))&&n.push(h)}return e===le.wildcard&&t.boostDocument==null&&this._options.searchOptions.boostDocument==null||n.sort(pt),n}autoSuggest(e,t={}){t=Object.assign(Object.assign({},this._options.autoSuggestOptions),t);const s=new Map;for(const{score:r,terms:i}of this.search(e,t)){const o=i.join(" "),l=s.get(o);l!=null?(l.score+=r,l.count+=1):s.set(o,{score:r,terms:i,count:1})}const n=[];for(const[r,{score:i,terms:o,count:l}]of s)n.push({suggestion:r,terms:o,score:i/l});return n.sort(pt),n}get documentCount(){return this._documentCount}get termCount(){return this._index.size}static loadJSON(e,t){if(t==null)throw new Error("MiniSearch: loadJSON should be given the same options used when serializing the index");return this.loadJS(JSON.parse(e),t)}static loadJSONAsync(e,t){return Te(this,void 0,void 0,function*(){if(t==null)throw new Error("MiniSearch: loadJSON should be given the same options used when serializing the index");return this.loadJSAsync(JSON.parse(e),t)})}static getDefault(e){if(ze.hasOwnProperty(e))return De(ze,e);throw new Error(`MiniSearch: unknown option "${e}"`)}static loadJS(e,t){const{index:s,documentIds:n,fieldLength:r,storedFields:i,serializationVersion:o}=e,l=this.instantiateMiniSearch(e,t);l._documentIds=Se(n),l._fieldLength=Se(r),l._storedFields=Se(i);for(const[c,h]of l._documentIds)l._idToShortId.set(h,c);for(const[c,h]of s){const v=new Map;for(const p of Object.keys(h)){let b=h[p];o===1&&(b=b.ds),v.set(parseInt(p,10),Se(b))}l._index.set(c,v)}return l}static loadJSAsync(e,t){return Te(this,void 0,void 0,function*(){const{index:s,documentIds:n,fieldLength:r,storedFields:i,serializationVersion:o}=e,l=this.instantiateMiniSearch(e,t);l._documentIds=yield Ee(n),l._fieldLength=yield Ee(r),l._storedFields=yield Ee(i);for(const[h,v]of l._documentIds)l._idToShortId.set(v,h);let c=0;for(const[h,v]of s){const p=new Map;for(const b of Object.keys(v)){let y=v[b];o===1&&(y=y.ds),p.set(parseInt(b,10),yield Ee(y))}++c%1e3===0&&(yield Nt(0)),l._index.set(h,p)}return l})}static instantiateMiniSearch(e,t){const{documentCount:s,nextId:n,fieldIds:r,averageFieldLength:i,dirtCount:o,serializationVersion:l}=e;if(l!==1&&l!==2)throw new Error("MiniSearch: cannot deserialize an index created with an incompatible version");const c=new le(t);return c._documentCount=s,c._nextId=n,c._idToShortId=new Map,c._fieldIds=r,c._avgFieldLength=i,c._dirtCount=o||0,c._index=new Z,c}executeQuery(e,t={}){if(e===le.wildcard)return this.executeWildcardQuery(t);if(typeof e!="string"){const p=Object.assign(Object.assign(Object.assign({},t),e),{queries:void 0}),b=e.queries.map(y=>this.executeQuery(y,p));return this.combineResults(b,p.combineWith)}const{tokenize:s,processTerm:n,searchOptions:r}=this._options,i=Object.assign(Object.assign({tokenize:s,processTerm:n},r),t),{tokenize:o,processTerm:l}=i,v=o(e).flatMap(p=>l(p)).filter(p=>!!p).map(Vs(i)).map(p=>this.executeQuerySpec(p,i));return this.combineResults(v,i.combineWith)}executeQuerySpec(e,t){const s=Object.assign(Object.assign({},this._options.searchOptions),t),n=(s.fields||this._options.fields).reduce((x,w)=>Object.assign(Object.assign({},x),{[w]:De(s.boost,w)||1}),{}),{boostDocument:r,weights:i,maxFuzzy:o,bm25:l}=s,{fuzzy:c,prefix:h}=Object.assign(Object.assign({},ht.weights),i),v=this._index.get(e.term),p=this.termResults(e.term,e.term,1,e.termBoost,v,n,r,l);let b,y;if(e.prefix&&(b=this._index.atPrefix(e.term)),e.fuzzy){const x=e.fuzzy===!0?.2:e.fuzzy,w=x<1?Math.min(o,Math.round(e.term.length*x)):x;w&&(y=this._index.fuzzyGet(e.term,w))}if(b)for(const[x,w]of b){const O=x.length-e.term.length;if(!O)continue;y==null||y.delete(x);const R=h*x.length/(x.length+.3*O);this.termResults(e.term,x,R,e.termBoost,w,n,r,l,p)}if(y)for(const x of y.keys()){const[w,O]=y.get(x);if(!O)continue;const R=c*x.length/(x.length+O);this.termResults(e.term,x,R,e.termBoost,w,n,r,l,p)}return p}executeWildcardQuery(e){const t=new Map,s=Object.assign(Object.assign({},this._options.searchOptions),e);for(const[n,r]of this._documentIds){const i=s.boostDocument?s.boostDocument(r,"",this._storedFields.get(n)):1;t.set(n,{score:i,terms:[],match:{}})}return t}combineResults(e,t=Je){if(e.length===0)return new Map;const s=t.toLowerCase(),n=zs[s];if(!n)throw new Error(`Invalid combination operator: ${t}`);return e.reduce(n)||new Map}toJSON(){const e=[];for(const[t,s]of this._index){const n={};for(const[r,i]of s)n[r]=Object.fromEntries(i);e.push([t,n])}return{documentCount:this._documentCount,nextId:this._nextId,documentIds:Object.fromEntries(this._documentIds),fieldIds:this._fieldIds,fieldLength:Object.fromEntries(this._fieldLength),averageFieldLength:this._avgFieldLength,storedFields:Object.fromEntries(this._storedFields),dirtCount:this._dirtCount,index:e,serializationVersion:2}}termResults(e,t,s,n,r,i,o,l,c=new Map){if(r==null)return c;for(const h of Object.keys(i)){const v=i[h],p=this._fieldIds[h],b=r.get(p);if(b==null)continue;let y=b.size;const x=this._avgFieldLength[p];for(const w of b.keys()){if(!this._documentIds.has(w)){this.removeTerm(p,w,t),y-=1;continue}const O=o?o(this._documentIds.get(w),t,this._storedFields.get(w)):1;if(!O)continue;const R=b.get(w),K=this._fieldLength.get(w)[p],G=js(R,y,this._documentCount,K,x,l),W=s*n*v*O*G,V=c.get(w);if(V){V.score+=W,Bs(V.terms,e);const $=De(V.match,t);$?$.push(h):V.match[t]=[h]}else c.set(w,{score:W,terms:[e],match:{[t]:[h]}})}}return c}addTerm(e,t,s){const n=this._index.fetch(s,vt);let r=n.get(e);if(r==null)r=new Map,r.set(t,1),n.set(e,r);else{const i=r.get(t);r.set(t,(i||0)+1)}}removeTerm(e,t,s){if(!this._index.has(s)){this.warnDocumentChanged(t,e,s);return}const n=this._index.fetch(s,vt),r=n.get(e);r==null||r.get(t)==null?this.warnDocumentChanged(t,e,s):r.get(t)<=1?r.size<=1?n.delete(e):r.delete(t):r.set(t,r.get(t)-1),this._index.get(s).size===0&&this._index.delete(s)}warnDocumentChanged(e,t,s){for(const n of Object.keys(this._fieldIds))if(this._fieldIds[n]===t){this._options.logger("warn",`MiniSearch: document with ID ${this._documentIds.get(e)} has changed before removal: term "${s}" was not present in field "${n}". Removing a document after it has changed can corrupt the index!`,"version_conflict");return}}addDocumentId(e){const t=this._nextId;return this._idToShortId.set(e,t),this._documentIds.set(t,e),this._documentCount+=1,this._nextId+=1,t}addFields(e){for(let t=0;t<e.length;t++)this._fieldIds[e[t]]=t}addFieldLength(e,t,s,n){let r=this._fieldLength.get(e);r==null&&this._fieldLength.set(e,r=[]),r[t]=n;const o=(this._avgFieldLength[t]||0)*s+n;this._avgFieldLength[t]=o/(s+1)}removeFieldLength(e,t,s,n){if(s===1){this._avgFieldLength[t]=0;return}const r=this._avgFieldLength[t]*s-n;this._avgFieldLength[t]=r/(s-1)}saveStoredFields(e,t){const{storeFields:s,extractField:n}=this._options;if(s==null||s.length===0)return;let r=this._storedFields.get(e);r==null&&this._storedFields.set(e,r={});for(const i of s){const o=n(t,i);o!==void 0&&(r[i]=o)}}}le.wildcard=Symbol("*");const De=(a,e)=>Object.prototype.hasOwnProperty.call(a,e)?a[e]:void 0,zs={[Je]:(a,e)=>{for(const t of e.keys()){const s=a.get(t);if(s==null)a.set(t,e.get(t));else{const{score:n,terms:r,match:i}=e.get(t);s.score=s.score+n,s.match=Object.assign(s.match,i),ft(s.terms,r)}}return a},[kt]:(a,e)=>{const t=new Map;for(const s of e.keys()){const n=a.get(s);if(n==null)continue;const{score:r,terms:i,match:o}=e.get(s);ft(n.terms,i),t.set(s,{score:n.score+r,terms:n.terms,match:Object.assign(n.match,o)})}return t},[Ds]:(a,e)=>{for(const t of e.keys())a.delete(t);return a}},Ps={k:1.2,b:.7,d:.5},js=(a,e,t,s,n,r)=>{const{k:i,b:o,d:l}=r;return Math.log(1+(t-e+.5)/(e+.5))*(l+a*(i+1)/(a+i*(1-o+o*s/n)))},Vs=a=>(e,t,s)=>{const n=typeof a.fuzzy=="function"?a.fuzzy(e,t,s):a.fuzzy||!1,r=typeof a.prefix=="function"?a.prefix(e,t,s):a.prefix===!0,i=typeof a.boostTerm=="function"?a.boostTerm(e,t,s):1;return{term:e,fuzzy:n,prefix:r,termBoost:i}},ze={idField:"id",extractField:(a,e)=>a[e],tokenize:a=>a.split(Ws),processTerm:a=>a.toLowerCase(),fields:void 0,searchOptions:void 0,storeFields:[],logger:(a,e)=>{typeof(console==null?void 0:console[a])=="function"&&console[a](e)},autoVacuum:!0},ht={combineWith:Je,prefix:!1,fuzzy:!1,maxFuzzy:6,boost:{},weights:{fuzzy:.45,prefix:.375},bm25:Ps},$s={combineWith:kt,prefix:(a,e,t)=>e===t.length-1},Be={batchSize:1e3,batchWait:10},We={minDirtFactor:.1,minDirtCount:20},Pe=Object.assign(Object.assign({},Be),We),Bs=(a,e)=>{a.includes(e)||a.push(e)},ft=(a,e)=>{for(const t of e)a.includes(t)||a.push(t)},pt=({score:a},{score:e})=>e-a,vt=()=>new Map,Se=a=>{const e=new Map;for(const t of Object.keys(a))e.set(parseInt(t,10),a[t]);return e},Ee=a=>Te(void 0,void 0,void 0,function*(){const e=new Map;let t=0;for(const s of Object.keys(a))e.set(parseInt(s,10),a[s]),++t%1e3===0&&(yield Nt(0));return e}),Nt=a=>new Promise(e=>setTimeout(e,a)),Ws=/[\n\r\p{Z}\p{P}]+/u;class Ks{constructor(e=10){Re(this,"max");Re(this,"cache");this.max=e,this.cache=new Map}get(e){let t=this.cache.get(e);return t!==void 0&&(this.cache.delete(e),this.cache.set(e,t)),t}set(e,t){this.cache.has(e)?this.cache.delete(e):this.cache.size===this.max&&this.cache.delete(this.first()),this.cache.set(e,t)}first(){return this.cache.keys().next().value}clear(){this.cache.clear()}}const Js=["aria-owns"],Us={class:"shell"},qs=["title"],Gs={class:"search-actions before"},Hs=["title"],Qs=["placeholder"],Ys={class:"search-actions"},Zs=["title"],Xs=["disabled","title"],en=["id","role","aria-labelledby"],tn=["aria-selected"],sn=["href","aria-label","onMouseenter","onFocusin"],nn={class:"titles"},rn=["innerHTML"],an={class:"title main"},on=["innerHTML"],ln={key:0,class:"excerpt-wrapper"},cn={key:0,class:"excerpt",inert:""},un=["innerHTML"],dn={key:0,class:"no-results"},hn={class:"search-keyboard-shortcuts"},fn=["aria-label"],pn=["aria-label"],vn=["aria-label"],mn=["aria-label"],gn=At({__name:"VPLocalSearchBox",emits:["close"],setup(a,{emit:e}){var N,F;const t=e,s=ye(),n=ye(),r=ye(ns),i=ts(),{activate:o}=Os(s,{immediate:!0,allowOutsideClick:!0,clickOutsideDeactivates:!0,escapeDeactivates:!0}),{localeIndex:l,theme:c}=i,h=tt(async()=>{var m,f,T,A,C,M,I,L,j;return rt(le.loadJSON((T=await((f=(m=r.value)[l.value])==null?void 0:f.call(m)))==null?void 0:T.default,{fields:["title","titles","text"],storeFields:["title","titles"],searchOptions:{fuzzy:.2,prefix:!0,boost:{title:4,text:2,titles:1},...((A=c.value.search)==null?void 0:A.provider)==="local"&&((M=(C=c.value.search.options)==null?void 0:C.miniSearch)==null?void 0:M.searchOptions)},...((I=c.value.search)==null?void 0:I.provider)==="local"&&((j=(L=c.value.search.options)==null?void 0:L.miniSearch)==null?void 0:j.options)}))}),p=pe(()=>{var m,f;return((m=c.value.search)==null?void 0:m.provider)==="local"&&((f=c.value.search.options)==null?void 0:f.disableQueryPersistence)===!0}).value?se(""):Lt("vitepress:local-search-filter",""),b=Dt("vitepress:local-search-detailed-list",((N=c.value.search)==null?void 0:N.provider)==="local"&&((F=c.value.search.options)==null?void 0:F.detailedView)===!0),y=pe(()=>{var m,f,T;return((m=c.value.search)==null?void 0:m.provider)==="local"&&(((f=c.value.search.options)==null?void 0:f.disableDetailedView)===!0||((T=c.value.search.options)==null?void 0:T.detailedView)===!1)}),x=pe(()=>{var f,T,A,C,M,I,L;const m=((f=c.value.search)==null?void 0:f.options)??c.value.algolia;return((M=(C=(A=(T=m==null?void 0:m.locales)==null?void 0:T[l.value])==null?void 0:A.translations)==null?void 0:C.button)==null?void 0:M.buttonText)||((L=(I=m==null?void 0:m.translations)==null?void 0:I.button)==null?void 0:L.buttonText)||"Search"});zt(()=>{y.value&&(b.value=!1)});const w=ye([]),O=se(!1);je(p,()=>{O.value=!1});const R=tt(async()=>{if(n.value)return rt(new Cs(n.value))},null),K=new Ks(16);Pt(()=>[h.value,p.value,b.value],async([m,f,T],A,C)=>{var ge,Ue,qe,Ge;(A==null?void 0:A[0])!==m&&K.clear();let M=!1;if(C(()=>{M=!0}),!m)return;w.value=m.search(f).slice(0,16),O.value=!0;const I=T?await Promise.all(w.value.map(B=>G(B.id))):[];if(M)return;for(const{id:B,mod:X}of I){const ee=B.slice(0,B.indexOf("#"));let Q=K.get(ee);if(Q)continue;Q=new Map,K.set(ee,Q);const U=X.default??X;if(U!=null&&U.render||U!=null&&U.setup){const te=Qt(U);te.config.warnHandler=()=>{},te.provide(Yt,i),Object.defineProperties(te.config.globalProperties,{$frontmatter:{get(){return i.frontmatter.value}},$params:{get(){return i.page.value.params}}});const He=document.createElement("div");te.mount(He),He.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(ce=>{var Ze;const be=(Ze=ce.querySelector("a"))==null?void 0:Ze.getAttribute("href"),Qe=(be==null?void 0:be.startsWith("#"))&&be.slice(1);if(!Qe)return;let Ye="";for(;(ce=ce.nextElementSibling)&&!/^h[1-6]$/i.test(ce.tagName);)Ye+=ce.outerHTML;Q.set(Qe,Ye)}),te.unmount()}if(M)return}const L=new Set;if(w.value=w.value.map(B=>{const[X,ee]=B.id.split("#"),Q=K.get(X),U=(Q==null?void 0:Q.get(ee))??"";for(const te in B.match)L.add(te);return{...B,text:U}}),await ue(),M)return;await new Promise(B=>{var X;(X=R.value)==null||X.unmark({done:()=>{var ee;(ee=R.value)==null||ee.markRegExp(E(L),{done:B})}})});const j=((ge=s.value)==null?void 0:ge.querySelectorAll(".result .excerpt"))??[];for(const B of j)(Ue=B.querySelector('mark[data-markjs="true"]'))==null||Ue.scrollIntoView({block:"center"});(Ge=(qe=n.value)==null?void 0:qe.firstElementChild)==null||Ge.scrollIntoView({block:"start"})},{debounce:200,immediate:!0});async function G(m){const f=Zt(m.slice(0,m.indexOf("#")));try{if(!f)throw new Error(`Cannot find file for id: ${m}`);return{id:m,mod:await import(f)}}catch(T){return console.error(T),{id:m,mod:{}}}}const W=se(),V=pe(()=>{var m;return((m=p.value)==null?void 0:m.length)<=0});function $(m=!0){var f,T;(f=W.value)==null||f.focus(),m&&((T=W.value)==null||T.select())}Ce(()=>{$()});function me(m){m.pointerType==="mouse"&&$()}const P=se(-1),H=se(!1);je(w,m=>{P.value=m.length?0:-1,J()});function J(){ue(()=>{const m=document.querySelector(".result.selected");m==null||m.scrollIntoView({block:"nearest"})})}we("ArrowUp",m=>{m.preventDefault(),P.value--,P.value<0&&(P.value=w.value.length-1),H.value=!0,J()}),we("ArrowDown",m=>{m.preventDefault(),P.value++,P.value>=w.value.length&&(P.value=0),H.value=!0,J()});const k=jt();we("Enter",m=>{if(m.isComposing||m.target instanceof HTMLButtonElement&&m.target.type!=="submit")return;const f=w.value[P.value];if(m.target instanceof HTMLInputElement&&!f){m.preventDefault();return}f&&(k.go(f.id),t("close"))}),we("Escape",()=>{t("close")});const u=ss({modal:{displayDetails:"Display detailed list",resetButtonTitle:"Reset search",backButtonTitle:"Close search",noResultsText:"No results for",footer:{selectText:"to select",selectKeyAriaLabel:"enter",navigateText:"to navigate",navigateUpKeyAriaLabel:"up arrow",navigateDownKeyAriaLabel:"down arrow",closeText:"to close",closeKeyAriaLabel:"escape"}}});Ce(()=>{window.history.pushState(null,"",null)}),Vt("popstate",m=>{m.preventDefault(),t("close")});const g=$t(Bt?document.body:null);Ce(()=>{ue(()=>{g.value=!0,ue().then(()=>o())})}),Wt(()=>{g.value=!1});function S(){p.value="",ue().then(()=>$(!1))}function E(m){return new RegExp([...m].sort((f,T)=>T.length-f.length).map(f=>`(${Xt(f)})`).join("|"),"gi")}return(m,f)=>{var T,A,C,M;return q(),Kt(Ht,{to:"body"},[_("div",{ref_key:"el",ref:s,role:"button","aria-owns":(T=w.value)!=null&&T.length?"localsearch-list":void 0,"aria-expanded":"true","aria-haspopup":"listbox","aria-labelledby":"localsearch-label",class:"VPLocalSearchBox"},[_("div",{class:"backdrop",onClick:f[0]||(f[0]=I=>m.$emit("close"))}),_("div",Us,[_("form",{class:"search-bar",onPointerup:f[4]||(f[4]=I=>me(I)),onSubmit:f[5]||(f[5]=Jt(()=>{},["prevent"]))},[_("label",{title:x.value,id:"localsearch-label",for:"localsearch-input"},f[8]||(f[8]=[_("span",{"aria-hidden":"true",class:"vpi-search search-icon local-search-icon"},null,-1)]),8,qs),_("div",Gs,[_("button",{class:"back-button",title:D(u)("modal.backButtonTitle"),onClick:f[1]||(f[1]=I=>m.$emit("close"))},f[9]||(f[9]=[_("span",{class:"vpi-arrow-left local-search-icon"},null,-1)]),8,Hs)]),Ut(_("input",{ref_key:"searchInput",ref:W,"onUpdate:modelValue":f[2]||(f[2]=I=>Gt(p)?p.value=I:null),placeholder:x.value,id:"localsearch-input","aria-labelledby":"localsearch-label",class:"search-input"},null,8,Qs),[[qt,D(p)]]),_("div",Ys,[y.value?xe("",!0):(q(),Y("button",{key:0,class:st(["toggle-layout-button",{"detailed-list":D(b)}]),type:"button",title:D(u)("modal.displayDetails"),onClick:f[3]||(f[3]=I=>P.value>-1&&(b.value=!D(b)))},f[10]||(f[10]=[_("span",{class:"vpi-layout-list local-search-icon"},null,-1)]),10,Zs)),_("button",{class:"clear-button",type:"reset",disabled:V.value,title:D(u)("modal.resetButtonTitle"),onClick:S},f[11]||(f[11]=[_("span",{class:"vpi-delete local-search-icon"},null,-1)]),8,Xs)])],32),_("ul",{ref_key:"resultsEl",ref:n,id:(A=w.value)!=null&&A.length?"localsearch-list":void 0,role:(C=w.value)!=null&&C.length?"listbox":void 0,"aria-labelledby":(M=w.value)!=null&&M.length?"localsearch-label":void 0,class:"results",onMousemove:f[7]||(f[7]=I=>H.value=!1)},[(q(!0),Y(it,null,nt(w.value,(I,L)=>(q(),Y("li",{key:I.id,role:"option","aria-selected":P.value===L?"true":"false"},[_("a",{href:I.id,class:st(["result",{selected:P.value===L}]),"aria-label":[...I.titles,I.title].join(" > "),onMouseenter:j=>!H.value&&(P.value=L),onFocusin:j=>P.value=L,onClick:f[6]||(f[6]=j=>m.$emit("close"))},[_("div",null,[_("div",nn,[f[13]||(f[13]=_("span",{class:"title-icon"},"#",-1)),(q(!0),Y(it,null,nt(I.titles,(j,ge)=>(q(),Y("span",{key:ge,class:"title"},[_("span",{class:"text",innerHTML:j},null,8,rn),f[12]||(f[12]=_("span",{class:"vpi-chevron-right local-search-icon"},null,-1))]))),128)),_("span",an,[_("span",{class:"text",innerHTML:I.title},null,8,on)])]),D(b)?(q(),Y("div",ln,[I.text?(q(),Y("div",cn,[_("div",{class:"vp-doc",innerHTML:I.text},null,8,un)])):xe("",!0),f[14]||(f[14]=_("div",{class:"excerpt-gradient-bottom"},null,-1)),f[15]||(f[15]=_("div",{class:"excerpt-gradient-top"},null,-1))])):xe("",!0)])],42,sn)],8,tn))),128)),D(p)&&!w.value.length&&O.value?(q(),Y("li",dn,[de(he(D(u)("modal.noResultsText"))+' "',1),_("strong",null,he(D(p)),1),f[16]||(f[16]=de('" '))])):xe("",!0)],40,en),_("div",hn,[_("span",null,[_("kbd",{"aria-label":D(u)("modal.footer.navigateUpKeyAriaLabel")},f[17]||(f[17]=[_("span",{class:"vpi-arrow-up navigate-icon"},null,-1)]),8,fn),_("kbd",{"aria-label":D(u)("modal.footer.navigateDownKeyAriaLabel")},f[18]||(f[18]=[_("span",{class:"vpi-arrow-down navigate-icon"},null,-1)]),8,pn),de(" "+he(D(u)("modal.footer.navigateText")),1)]),_("span",null,[_("kbd",{"aria-label":D(u)("modal.footer.selectKeyAriaLabel")},f[19]||(f[19]=[_("span",{class:"vpi-corner-down-left navigate-icon"},null,-1)]),8,vn),de(" "+he(D(u)("modal.footer.selectText")),1)]),_("span",null,[_("kbd",{"aria-label":D(u)("modal.footer.closeKeyAriaLabel")},"esc",8,mn),de(" "+he(D(u)("modal.footer.closeText")),1)])])])],8,Js)])}}}),Sn=es(gn,[["__scopeId","data-v-5318ab55"]]);export{Sn as default};
+*/function xs(a,e,t){return(e=Ss(e))in a?Object.defineProperty(a,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[e]=t,a}function ot(a,e){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(a);e&&(s=s.filter(function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable})),t.push.apply(t,s)}return t}function lt(a){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?ot(Object(t),!0).forEach(function(s){xs(a,s,t[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):ot(Object(t)).forEach(function(s){Object.defineProperty(a,s,Object.getOwnPropertyDescriptor(t,s))})}return a}function _s(a,e){if(typeof a!="object"||!a)return a;var t=a[Symbol.toPrimitive];if(t!==void 0){var s=t.call(a,e||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(a)}function Ss(a){var e=_s(a,"string");return typeof e=="symbol"?e:e+""}var ct={activateTrap:function(e,t){if(e.length>0){var s=e[e.length-1];s!==t&&s.pause()}var n=e.indexOf(t);n===-1||e.splice(n,1),e.push(t)},deactivateTrap:function(e,t){var s=e.indexOf(t);s!==-1&&e.splice(s,1),e.length>0&&e[e.length-1].unpause()}},Es=function(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select=="function"},Ts=function(e){return(e==null?void 0:e.key)==="Escape"||(e==null?void 0:e.key)==="Esc"||(e==null?void 0:e.keyCode)===27},me=function(e){return(e==null?void 0:e.key)==="Tab"||(e==null?void 0:e.keyCode)===9},Is=function(e){return me(e)&&!e.shiftKey},ks=function(e){return me(e)&&e.shiftKey},ut=function(e){return setTimeout(e,0)},dt=function(e,t){var s=-1;return e.every(function(n,r){return t(n)?(s=r,!1):!0}),s},pe=function(e){for(var t=arguments.length,s=new Array(t>1?t-1:0),n=1;n<t;n++)s[n-1]=arguments[n];return typeof e=="function"?e.apply(void 0,s):e},Se=function(e){return e.target.shadowRoot&&typeof e.composedPath=="function"?e.composedPath()[0]:e.target},Ns=[],Fs=function(e,t){var s=(t==null?void 0:t.document)||document,n=(t==null?void 0:t.trapStack)||Ns,r=lt({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:Is,isKeyBackward:ks},t),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},o,l=function(d,u,g){return d&&d[u]!==void 0?d[u]:r[g||u]},c=function(d,u){var g=typeof(u==null?void 0:u.composedPath)=="function"?u.composedPath():void 0;return i.containerGroups.findIndex(function(S){var E=S.container,N=S.tabbableNodes;return E.contains(d)||(g==null?void 0:g.includes(E))||N.find(function(F){return F===d})})},h=function(d){var u=r[d];if(typeof u=="function"){for(var g=arguments.length,S=new Array(g>1?g-1:0),E=1;E<g;E++)S[E-1]=arguments[E];u=u.apply(void 0,S)}if(u===!0&&(u=void 0),!u){if(u===void 0||u===!1)return u;throw new Error("`".concat(d,"` was specified but was not a node, or did not return a node"))}var N=u;if(typeof u=="string"&&(N=s.querySelector(u),!N))throw new Error("`".concat(d,"` as selector refers to no known node"));return N},v=function(){var d=h("initialFocus");if(d===!1)return!1;if(d===void 0||!Ae(d,r.tabbableOptions))if(c(s.activeElement)>=0)d=s.activeElement;else{var u=i.tabbableGroups[0],g=u&&u.firstTabbableNode;d=g||h("fallbackFocus")}if(!d)throw new Error("Your focus-trap needs to have at least one focusable element");return d},p=function(){if(i.containerGroups=i.containers.map(function(d){var u=bs(d,r.tabbableOptions),g=ys(d,r.tabbableOptions),S=u.length>0?u[0]:void 0,E=u.length>0?u[u.length-1]:void 0,N=g.find(function(f){return ae(f)}),F=g.slice().reverse().find(function(f){return ae(f)}),m=!!u.find(function(f){return ie(f)>0});return{container:d,tabbableNodes:u,focusableNodes:g,posTabIndexesFound:m,firstTabbableNode:S,lastTabbableNode:E,firstDomTabbableNode:N,lastDomTabbableNode:F,nextTabbableNode:function(I){var A=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,C=u.indexOf(I);return C<0?A?g.slice(g.indexOf(I)+1).find(function(M){return ae(M)}):g.slice(0,g.indexOf(I)).reverse().find(function(M){return ae(M)}):u[C+(A?1:-1)]}}}),i.tabbableGroups=i.containerGroups.filter(function(d){return d.tabbableNodes.length>0}),i.tabbableGroups.length<=0&&!h("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(i.containerGroups.find(function(d){return d.posTabIndexesFound})&&i.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},b=function(d){var u=d.activeElement;if(u)return u.shadowRoot&&u.shadowRoot.activeElement!==null?b(u.shadowRoot):u},y=function(d){if(d!==!1&&d!==b(document)){if(!d||!d.focus){y(v());return}d.focus({preventScroll:!!r.preventScroll}),i.mostRecentlyFocusedNode=d,Es(d)&&d.select()}},x=function(d){var u=h("setReturnFocus",d);return u||(u===!1?!1:d)},w=function(d){var u=d.target,g=d.event,S=d.isBackward,E=S===void 0?!1:S;u=u||Se(g),p();var N=null;if(i.tabbableGroups.length>0){var F=c(u,g),m=F>=0?i.containerGroups[F]:void 0;if(F<0)E?N=i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:N=i.tabbableGroups[0].firstTabbableNode;else if(E){var f=dt(i.tabbableGroups,function(T){var P=T.firstTabbableNode;return u===P});if(f<0&&(m.container===u||Ae(u,r.tabbableOptions)&&!ae(u,r.tabbableOptions)&&!m.nextTabbableNode(u,!1))&&(f=F),f>=0){var I=f===0?i.tabbableGroups.length-1:f-1,A=i.tabbableGroups[I];N=ie(u)>=0?A.lastTabbableNode:A.lastDomTabbableNode}else me(g)||(N=m.nextTabbableNode(u,!1))}else{var C=dt(i.tabbableGroups,function(T){var P=T.lastTabbableNode;return u===P});if(C<0&&(m.container===u||Ae(u,r.tabbableOptions)&&!ae(u,r.tabbableOptions)&&!m.nextTabbableNode(u))&&(C=F),C>=0){var M=C===i.tabbableGroups.length-1?0:C+1,j=i.tabbableGroups[M];N=ie(u)>=0?j.firstTabbableNode:j.firstDomTabbableNode}else me(g)||(N=m.nextTabbableNode(u))}}else N=h("fallbackFocus");return N},O=function(d){var u=Se(d);if(!(c(u,d)>=0)){if(pe(r.clickOutsideDeactivates,d)){o.deactivate({returnFocus:r.returnFocusOnDeactivate});return}pe(r.allowOutsideClick,d)||d.preventDefault()}},R=function(d){var u=Se(d),g=c(u,d)>=0;if(g||u instanceof Document)g&&(i.mostRecentlyFocusedNode=u);else{d.stopImmediatePropagation();var S,E=!0;if(i.mostRecentlyFocusedNode)if(ie(i.mostRecentlyFocusedNode)>0){var N=c(i.mostRecentlyFocusedNode),F=i.containerGroups[N].tabbableNodes;if(F.length>0){var m=F.findIndex(function(f){return f===i.mostRecentlyFocusedNode});m>=0&&(r.isKeyForward(i.recentNavEvent)?m+1<F.length&&(S=F[m+1],E=!1):m-1>=0&&(S=F[m-1],E=!1))}}else i.containerGroups.some(function(f){return f.tabbableNodes.some(function(I){return ie(I)>0})})||(E=!1);else E=!1;E&&(S=w({target:i.mostRecentlyFocusedNode,isBackward:r.isKeyBackward(i.recentNavEvent)})),y(S||i.mostRecentlyFocusedNode||v())}i.recentNavEvent=void 0},K=function(d){var u=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;i.recentNavEvent=d;var g=w({event:d,isBackward:u});g&&(me(d)&&d.preventDefault(),y(g))},G=function(d){(r.isKeyForward(d)||r.isKeyBackward(d))&&K(d,r.isKeyBackward(d))},W=function(d){Ts(d)&&pe(r.escapeDeactivates,d)!==!1&&(d.preventDefault(),o.deactivate())},V=function(d){var u=Se(d);c(u,d)>=0||pe(r.clickOutsideDeactivates,d)||pe(r.allowOutsideClick,d)||(d.preventDefault(),d.stopImmediatePropagation())},$=function(){if(i.active)return ct.activateTrap(n,o),i.delayInitialFocusTimer=r.delayInitialFocus?ut(function(){y(v())}):y(v()),s.addEventListener("focusin",R,!0),s.addEventListener("mousedown",O,{capture:!0,passive:!1}),s.addEventListener("touchstart",O,{capture:!0,passive:!1}),s.addEventListener("click",V,{capture:!0,passive:!1}),s.addEventListener("keydown",G,{capture:!0,passive:!1}),s.addEventListener("keydown",W),o},ge=function(){if(i.active)return s.removeEventListener("focusin",R,!0),s.removeEventListener("mousedown",O,!0),s.removeEventListener("touchstart",O,!0),s.removeEventListener("click",V,!0),s.removeEventListener("keydown",G,!0),s.removeEventListener("keydown",W),o},L=function(d){var u=d.some(function(g){var S=Array.from(g.removedNodes);return S.some(function(E){return E===i.mostRecentlyFocusedNode})});u&&y(v())},H=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(L):void 0,J=function(){H&&(H.disconnect(),i.active&&!i.paused&&i.containers.map(function(d){H.observe(d,{subtree:!0,childList:!0})}))};return o={get active(){return i.active},get paused(){return i.paused},activate:function(d){if(i.active)return this;var u=l(d,"onActivate"),g=l(d,"onPostActivate"),S=l(d,"checkCanFocusTrap");S||p(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=s.activeElement,u==null||u();var E=function(){S&&p(),$(),J(),g==null||g()};return S?(S(i.containers.concat()).then(E,E),this):(E(),this)},deactivate:function(d){if(!i.active)return this;var u=lt({onDeactivate:r.onDeactivate,onPostDeactivate:r.onPostDeactivate,checkCanReturnFocus:r.checkCanReturnFocus},d);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,ge(),i.active=!1,i.paused=!1,J(),ct.deactivateTrap(n,o);var g=l(u,"onDeactivate"),S=l(u,"onPostDeactivate"),E=l(u,"checkCanReturnFocus"),N=l(u,"returnFocus","returnFocusOnDeactivate");g==null||g();var F=function(){ut(function(){N&&y(x(i.nodeFocusedBeforeActivation)),S==null||S()})};return N&&E?(E(x(i.nodeFocusedBeforeActivation)).then(F,F),this):(F(),this)},pause:function(d){if(i.paused||!i.active)return this;var u=l(d,"onPause"),g=l(d,"onPostPause");return i.paused=!0,u==null||u(),ge(),J(),g==null||g(),this},unpause:function(d){if(!i.paused||!i.active)return this;var u=l(d,"onUnpause"),g=l(d,"onPostUnpause");return i.paused=!1,u==null||u(),p(),$(),J(),g==null||g(),this},updateContainerElements:function(d){var u=[].concat(d).filter(Boolean);return i.containers=u.map(function(g){return typeof g=="string"?s.querySelector(g):g}),i.active&&p(),J(),this}},o.updateContainerElements(e),o};function Os(a,e={}){let t;const{immediate:s,...n}=e,r=ne(!1),i=ne(!1),o=p=>t&&t.activate(p),l=p=>t&&t.deactivate(p),c=()=>{t&&(t.pause(),i.value=!0)},h=()=>{t&&(t.unpause(),i.value=!1)},v=ve(()=>{const p=et(a);return(Array.isArray(p)?p:[p]).map(b=>{const y=et(b);return typeof y=="string"?y:Rt(y)}).filter(Ct)});return Ve(v,p=>{p.length&&(t=Fs(p,{...n,onActivate(){r.value=!0,e.onActivate&&e.onActivate()},onDeactivate(){r.value=!1,e.onDeactivate&&e.onDeactivate()}}),s&&o())},{flush:"post"}),Mt(()=>l()),{hasFocus:r,isPaused:i,activate:o,deactivate:l,pause:c,unpause:h}}class le{constructor(e,t=!0,s=[],n=5e3){this.ctx=e,this.iframes=t,this.exclude=s,this.iframesTimeout=n}static matches(e,t){const s=typeof t=="string"?[t]:t,n=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector;if(n){let r=!1;return s.every(i=>n.call(e,i)?(r=!0,!1):!0),r}else return!1}getContexts(){let e,t=[];return typeof this.ctx>"u"||!this.ctx?e=[]:NodeList.prototype.isPrototypeOf(this.ctx)?e=Array.prototype.slice.call(this.ctx):Array.isArray(this.ctx)?e=this.ctx:typeof this.ctx=="string"?e=Array.prototype.slice.call(document.querySelectorAll(this.ctx)):e=[this.ctx],e.forEach(s=>{const n=t.filter(r=>r.contains(s)).length>0;t.indexOf(s)===-1&&!n&&t.push(s)}),t}getIframeContents(e,t,s=()=>{}){let n;try{const r=e.contentWindow;if(n=r.document,!r||!n)throw new Error("iframe inaccessible")}catch{s()}n&&t(n)}isIframeBlank(e){const t="about:blank",s=e.getAttribute("src").trim();return e.contentWindow.location.href===t&&s!==t&&s}observeIframeLoad(e,t,s){let n=!1,r=null;const i=()=>{if(!n){n=!0,clearTimeout(r);try{this.isIframeBlank(e)||(e.removeEventListener("load",i),this.getIframeContents(e,t,s))}catch{s()}}};e.addEventListener("load",i),r=setTimeout(i,this.iframesTimeout)}onIframeReady(e,t,s){try{e.contentWindow.document.readyState==="complete"?this.isIframeBlank(e)?this.observeIframeLoad(e,t,s):this.getIframeContents(e,t,s):this.observeIframeLoad(e,t,s)}catch{s()}}waitForIframes(e,t){let s=0;this.forEachIframe(e,()=>!0,n=>{s++,this.waitForIframes(n.querySelector("html"),()=>{--s||t()})},n=>{n||t()})}forEachIframe(e,t,s,n=()=>{}){let r=e.querySelectorAll("iframe"),i=r.length,o=0;r=Array.prototype.slice.call(r);const l=()=>{--i<=0&&n(o)};i||l(),r.forEach(c=>{le.matches(c,this.exclude)?l():this.onIframeReady(c,h=>{t(c)&&(o++,s(h)),l()},l)})}createIterator(e,t,s){return document.createNodeIterator(e,t,s,!1)}createInstanceOnIframe(e){return new le(e.querySelector("html"),this.iframes)}compareNodeIframe(e,t,s){const n=e.compareDocumentPosition(s),r=Node.DOCUMENT_POSITION_PRECEDING;if(n&r)if(t!==null){const i=t.compareDocumentPosition(s),o=Node.DOCUMENT_POSITION_FOLLOWING;if(i&o)return!0}else return!0;return!1}getIteratorNode(e){const t=e.previousNode();let s;return t===null?s=e.nextNode():s=e.nextNode()&&e.nextNode(),{prevNode:t,node:s}}checkIframeFilter(e,t,s,n){let r=!1,i=!1;return n.forEach((o,l)=>{o.val===s&&(r=l,i=o.handled)}),this.compareNodeIframe(e,t,s)?(r===!1&&!i?n.push({val:s,handled:!0}):r!==!1&&!i&&(n[r].handled=!0),!0):(r===!1&&n.push({val:s,handled:!1}),!1)}handleOpenIframes(e,t,s,n){e.forEach(r=>{r.handled||this.getIframeContents(r.val,i=>{this.createInstanceOnIframe(i).forEachNode(t,s,n)})})}iterateThroughNodes(e,t,s,n,r){const i=this.createIterator(t,e,n);let o=[],l=[],c,h,v=()=>({prevNode:h,node:c}=this.getIteratorNode(i),c);for(;v();)this.iframes&&this.forEachIframe(t,p=>this.checkIframeFilter(c,h,p,o),p=>{this.createInstanceOnIframe(p).forEachNode(e,b=>l.push(b),n)}),l.push(c);l.forEach(p=>{s(p)}),this.iframes&&this.handleOpenIframes(o,e,s,n),r()}forEachNode(e,t,s,n=()=>{}){const r=this.getContexts();let i=r.length;i||n(),r.forEach(o=>{const l=()=>{this.iterateThroughNodes(e,o,t,s,()=>{--i<=0&&n()})};this.iframes?this.waitForIframes(o,l):l()})}}let Rs=class{constructor(e){this.ctx=e,this.ie=!1;const t=window.navigator.userAgent;(t.indexOf("MSIE")>-1||t.indexOf("Trident")>-1)&&(this.ie=!0)}set opt(e){this._opt=Object.assign({},{element:"",className:"",exclude:[],iframes:!1,iframesTimeout:5e3,separateWordSearch:!0,diacritics:!0,synonyms:{},accuracy:"partially",acrossElements:!1,caseSensitive:!1,ignoreJoiners:!1,ignoreGroups:0,ignorePunctuation:[],wildcards:"disabled",each:()=>{},noMatch:()=>{},filter:()=>!0,done:()=>{},debug:!1,log:window.console},e)}get opt(){return this._opt}get iterator(){return new le(this.ctx,this.opt.iframes,this.opt.exclude,this.opt.iframesTimeout)}log(e,t="debug"){const s=this.opt.log;this.opt.debug&&typeof s=="object"&&typeof s[t]=="function"&&s[t](`mark.js: ${e}`)}escapeStr(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}createRegExp(e){return this.opt.wildcards!=="disabled"&&(e=this.setupWildcardsRegExp(e)),e=this.escapeStr(e),Object.keys(this.opt.synonyms).length&&(e=this.createSynonymsRegExp(e)),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),this.opt.diacritics&&(e=this.createDiacriticsRegExp(e)),e=this.createMergedBlanksRegExp(e),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.createJoinersRegExp(e)),this.opt.wildcards!=="disabled"&&(e=this.createWildcardsRegExp(e)),e=this.createAccuracyRegExp(e),e}createSynonymsRegExp(e){const t=this.opt.synonyms,s=this.opt.caseSensitive?"":"i",n=this.opt.ignoreJoiners||this.opt.ignorePunctuation.length?"\0":"";for(let r in t)if(t.hasOwnProperty(r)){const i=t[r],o=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(r):this.escapeStr(r),l=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(i):this.escapeStr(i);o!==""&&l!==""&&(e=e.replace(new RegExp(`(${this.escapeStr(o)}|${this.escapeStr(l)})`,`gm${s}`),n+`(${this.processSynomyms(o)}|${this.processSynomyms(l)})`+n))}return e}processSynomyms(e){return(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),e}setupWildcardsRegExp(e){return e=e.replace(/(?:\\)*\?/g,t=>t.charAt(0)==="\\"?"?":"
"),e.replace(/(?:\\)*\*/g,t=>t.charAt(0)==="\\"?"*":"")}createWildcardsRegExp(e){let t=this.opt.wildcards==="withSpaces";return e.replace(/\u0001/g,t?"[\\S\\s]?":"\\S?").replace(/\u0002/g,t?"[\\S\\s]*?":"\\S*")}setupIgnoreJoinersRegExp(e){return e.replace(/[^(|)\\]/g,(t,s,n)=>{let r=n.charAt(s+1);return/[(|)\\]/.test(r)||r===""?t:t+"\0"})}createJoinersRegExp(e){let t=[];const s=this.opt.ignorePunctuation;return Array.isArray(s)&&s.length&&t.push(this.escapeStr(s.join(""))),this.opt.ignoreJoiners&&t.push("\\u00ad\\u200b\\u200c\\u200d"),t.length?e.split(/\u0000+/).join(`[${t.join("")}]*`):e}createDiacriticsRegExp(e){const t=this.opt.caseSensitive?"":"i",s=this.opt.caseSensitive?["aàáảãạăằắẳẵặâầấẩẫậäåāą","AÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćč","CÇĆČ","dđď","DĐĎ","eèéẻẽẹêềếểễệëěēę","EÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïī","IÌÍỈĨỊÎÏĪ","lł","LŁ","nñňń","NÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøō","OÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rř","RŘ","sšśșş","SŠŚȘŞ","tťțţ","TŤȚŢ","uùúủũụưừứửữựûüůū","UÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿ","YÝỲỶỸỴŸ","zžżź","ZŽŻŹ"]:["aàáảãạăằắẳẵặâầấẩẫậäåāąAÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćčCÇĆČ","dđďDĐĎ","eèéẻẽẹêềếểễệëěēęEÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïīIÌÍỈĨỊÎÏĪ","lłLŁ","nñňńNÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøōOÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rřRŘ","sšśșşSŠŚȘŞ","tťțţTŤȚŢ","uùúủũụưừứửữựûüůūUÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿYÝỲỶỸỴŸ","zžżźZŽŻŹ"];let n=[];return e.split("").forEach(r=>{s.every(i=>{if(i.indexOf(r)!==-1){if(n.indexOf(i)>-1)return!1;e=e.replace(new RegExp(`[${i}]`,`gm${t}`),`[${i}]`),n.push(i)}return!0})}),e}createMergedBlanksRegExp(e){return e.replace(/[\s]+/gmi,"[\\s]+")}createAccuracyRegExp(e){const t="!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~¡¿";let s=this.opt.accuracy,n=typeof s=="string"?s:s.value,r=typeof s=="string"?[]:s.limiters,i="";switch(r.forEach(o=>{i+=`|${this.escapeStr(o)}`}),n){case"partially":default:return`()(${e})`;case"complementary":return i="\\s"+(i||this.escapeStr(t)),`()([^${i}]*${e}[^${i}]*)`;case"exactly":return`(^|\\s${i})(${e})(?=$|\\s${i})`}}getSeparatedKeywords(e){let t=[];return e.forEach(s=>{this.opt.separateWordSearch?s.split(" ").forEach(n=>{n.trim()&&t.indexOf(n)===-1&&t.push(n)}):s.trim()&&t.indexOf(s)===-1&&t.push(s)}),{keywords:t.sort((s,n)=>n.length-s.length),length:t.length}}isNumeric(e){return Number(parseFloat(e))==e}checkRanges(e){if(!Array.isArray(e)||Object.prototype.toString.call(e[0])!=="[object Object]")return this.log("markRanges() will only accept an array of objects"),this.opt.noMatch(e),[];const t=[];let s=0;return e.sort((n,r)=>n.start-r.start).forEach(n=>{let{start:r,end:i,valid:o}=this.callNoMatchOnInvalidRanges(n,s);o&&(n.start=r,n.length=i-r,t.push(n),s=i)}),t}callNoMatchOnInvalidRanges(e,t){let s,n,r=!1;return e&&typeof e.start<"u"?(s=parseInt(e.start,10),n=s+parseInt(e.length,10),this.isNumeric(e.start)&&this.isNumeric(e.length)&&n-t>0&&n-s>0?r=!0:(this.log(`Ignoring invalid or overlapping range: ${JSON.stringify(e)}`),this.opt.noMatch(e))):(this.log(`Ignoring invalid range: ${JSON.stringify(e)}`),this.opt.noMatch(e)),{start:s,end:n,valid:r}}checkWhitespaceRanges(e,t,s){let n,r=!0,i=s.length,o=t-i,l=parseInt(e.start,10)-o;return l=l>i?i:l,n=l+parseInt(e.length,10),n>i&&(n=i,this.log(`End range automatically set to the max value of ${i}`)),l<0||n-l<0||l>i||n>i?(r=!1,this.log(`Invalid range: ${JSON.stringify(e)}`),this.opt.noMatch(e)):s.substring(l,n).replace(/\s+/g,"")===""&&(r=!1,this.log("Skipping whitespace only range: "+JSON.stringify(e)),this.opt.noMatch(e)),{start:l,end:n,valid:r}}getTextNodes(e){let t="",s=[];this.iterator.forEachNode(NodeFilter.SHOW_TEXT,n=>{s.push({start:t.length,end:(t+=n.textContent).length,node:n})},n=>this.matchesExclude(n.parentNode)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT,()=>{e({value:t,nodes:s})})}matchesExclude(e){return le.matches(e,this.opt.exclude.concat(["script","style","title","head","html"]))}wrapRangeInTextNode(e,t,s){const n=this.opt.element?this.opt.element:"mark",r=e.splitText(t),i=r.splitText(s-t);let o=document.createElement(n);return o.setAttribute("data-markjs","true"),this.opt.className&&o.setAttribute("class",this.opt.className),o.textContent=r.textContent,r.parentNode.replaceChild(o,r),i}wrapRangeInMappedTextNode(e,t,s,n,r){e.nodes.every((i,o)=>{const l=e.nodes[o+1];if(typeof l>"u"||l.start>t){if(!n(i.node))return!1;const c=t-i.start,h=(s>i.end?i.end:s)-i.start,v=e.value.substr(0,i.start),p=e.value.substr(h+i.start);if(i.node=this.wrapRangeInTextNode(i.node,c,h),e.value=v+p,e.nodes.forEach((b,y)=>{y>=o&&(e.nodes[y].start>0&&y!==o&&(e.nodes[y].start-=h),e.nodes[y].end-=h)}),s-=h,r(i.node.previousSibling,i.start),s>i.end)t=i.end;else return!1}return!0})}wrapMatches(e,t,s,n,r){const i=t===0?0:t+1;this.getTextNodes(o=>{o.nodes.forEach(l=>{l=l.node;let c;for(;(c=e.exec(l.textContent))!==null&&c[i]!=="";){if(!s(c[i],l))continue;let h=c.index;if(i!==0)for(let v=1;v<i;v++)h+=c[v].length;l=this.wrapRangeInTextNode(l,h,h+c[i].length),n(l.previousSibling),e.lastIndex=0}}),r()})}wrapMatchesAcrossElements(e,t,s,n,r){const i=t===0?0:t+1;this.getTextNodes(o=>{let l;for(;(l=e.exec(o.value))!==null&&l[i]!=="";){let c=l.index;if(i!==0)for(let v=1;v<i;v++)c+=l[v].length;const h=c+l[i].length;this.wrapRangeInMappedTextNode(o,c,h,v=>s(l[i],v),(v,p)=>{e.lastIndex=p,n(v)})}r()})}wrapRangeFromIndex(e,t,s,n){this.getTextNodes(r=>{const i=r.value.length;e.forEach((o,l)=>{let{start:c,end:h,valid:v}=this.checkWhitespaceRanges(o,i,r.value);v&&this.wrapRangeInMappedTextNode(r,c,h,p=>t(p,o,r.value.substring(c,h),l),p=>{s(p,o)})}),n()})}unwrapMatches(e){const t=e.parentNode;let s=document.createDocumentFragment();for(;e.firstChild;)s.appendChild(e.removeChild(e.firstChild));t.replaceChild(s,e),this.ie?this.normalizeTextNode(t):t.normalize()}normalizeTextNode(e){if(e){if(e.nodeType===3)for(;e.nextSibling&&e.nextSibling.nodeType===3;)e.nodeValue+=e.nextSibling.nodeValue,e.parentNode.removeChild(e.nextSibling);else this.normalizeTextNode(e.firstChild);this.normalizeTextNode(e.nextSibling)}}markRegExp(e,t){this.opt=t,this.log(`Searching with expression "${e}"`);let s=0,n="wrapMatches";const r=i=>{s++,this.opt.each(i)};this.opt.acrossElements&&(n="wrapMatchesAcrossElements"),this[n](e,this.opt.ignoreGroups,(i,o)=>this.opt.filter(o,i,s),r,()=>{s===0&&this.opt.noMatch(e),this.opt.done(s)})}mark(e,t){this.opt=t;let s=0,n="wrapMatches";const{keywords:r,length:i}=this.getSeparatedKeywords(typeof e=="string"?[e]:e),o=this.opt.caseSensitive?"":"i",l=c=>{let h=new RegExp(this.createRegExp(c),`gm${o}`),v=0;this.log(`Searching with expression "${h}"`),this[n](h,1,(p,b)=>this.opt.filter(b,c,s,v),p=>{v++,s++,this.opt.each(p)},()=>{v===0&&this.opt.noMatch(c),r[i-1]===c?this.opt.done(s):l(r[r.indexOf(c)+1])})};this.opt.acrossElements&&(n="wrapMatchesAcrossElements"),i===0?this.opt.done(s):l(r[0])}markRanges(e,t){this.opt=t;let s=0,n=this.checkRanges(e);n&&n.length?(this.log("Starting to mark with the following ranges: "+JSON.stringify(n)),this.wrapRangeFromIndex(n,(r,i,o,l)=>this.opt.filter(r,i,o,l),(r,i)=>{s++,this.opt.each(r,i)},()=>{this.opt.done(s)})):this.opt.done(s)}unmark(e){this.opt=e;let t=this.opt.element?this.opt.element:"*";t+="[data-markjs]",this.opt.className&&(t+=`.${this.opt.className}`),this.log(`Removal selector "${t}"`),this.iterator.forEachNode(NodeFilter.SHOW_ELEMENT,s=>{this.unwrapMatches(s)},s=>{const n=le.matches(s,t),r=this.matchesExclude(s);return!n||r?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT},this.opt.done)}};function Cs(a){const e=new Rs(a);return this.mark=(t,s)=>(e.mark(t,s),this),this.markRegExp=(t,s)=>(e.markRegExp(t,s),this),this.markRanges=(t,s)=>(e.markRanges(t,s),this),this.unmark=t=>(e.unmark(t),this),this}function Ie(a,e,t,s){function n(r){return r instanceof t?r:new t(function(i){i(r)})}return new(t||(t=Promise))(function(r,i){function o(h){try{c(s.next(h))}catch(v){i(v)}}function l(h){try{c(s.throw(h))}catch(v){i(v)}}function c(h){h.done?r(h.value):n(h.value).then(o,l)}c((s=s.apply(a,[])).next())})}const Ms="ENTRIES",_t="KEYS",St="VALUES",z="";class Le{constructor(e,t){const s=e._tree,n=Array.from(s.keys());this.set=e,this._type=t,this._path=n.length>0?[{node:s,keys:n}]:[]}next(){const e=this.dive();return this.backtrack(),e}dive(){if(this._path.length===0)return{done:!0,value:void 0};const{node:e,keys:t}=oe(this._path);if(oe(t)===z)return{done:!1,value:this.result()};const s=e.get(oe(t));return this._path.push({node:s,keys:Array.from(s.keys())}),this.dive()}backtrack(){if(this._path.length===0)return;const e=oe(this._path).keys;e.pop(),!(e.length>0)&&(this._path.pop(),this.backtrack())}key(){return this.set._prefix+this._path.map(({keys:e})=>oe(e)).filter(e=>e!==z).join("")}value(){return oe(this._path).node.get(z)}result(){switch(this._type){case St:return this.value();case _t:return this.key();default:return[this.key(),this.value()]}}[Symbol.iterator](){return this}}const oe=a=>a[a.length-1],As=(a,e,t)=>{const s=new Map;if(e===void 0)return s;const n=e.length+1,r=n+t,i=new Uint8Array(r*n).fill(t+1);for(let o=0;o<n;++o)i[o]=o;for(let o=1;o<r;++o)i[o*n]=o;return Et(a,e,t,s,i,1,n,""),s},Et=(a,e,t,s,n,r,i,o)=>{const l=r*i;e:for(const c of a.keys())if(c===z){const h=n[l-1];h<=t&&s.set(o,[a.get(c),h])}else{let h=r;for(let v=0;v<c.length;++v,++h){const p=c[v],b=i*h,y=b-i;let x=n[b];const w=Math.max(0,h-t-1),O=Math.min(i-1,h+t);for(let R=w;R<O;++R){const K=p!==e[R],G=n[y+R]+ +K,W=n[y+R+1]+1,V=n[b+R]+1,$=n[b+R+1]=Math.min(G,W,V);$<x&&(x=$)}if(x>t)continue e}Et(a.get(c),e,t,s,n,h,i,o+c)}};class Z{constructor(e=new Map,t=""){this._size=void 0,this._tree=e,this._prefix=t}atPrefix(e){if(!e.startsWith(this._prefix))throw new Error("Mismatched prefix");const[t,s]=Re(this._tree,e.slice(this._prefix.length));if(t===void 0){const[n,r]=Je(s);for(const i of n.keys())if(i!==z&&i.startsWith(r)){const o=new Map;return o.set(i.slice(r.length),n.get(i)),new Z(o,e)}}return new Z(t,e)}clear(){this._size=void 0,this._tree.clear()}delete(e){return this._size=void 0,Ls(this._tree,e)}entries(){return new Le(this,Ms)}forEach(e){for(const[t,s]of this)e(t,s,this)}fuzzyGet(e,t){return As(this._tree,e,t)}get(e){const t=Be(this._tree,e);return t!==void 0?t.get(z):void 0}has(e){const t=Be(this._tree,e);return t!==void 0&&t.has(z)}keys(){return new Le(this,_t)}set(e,t){if(typeof e!="string")throw new Error("key must be a string");return this._size=void 0,De(this._tree,e).set(z,t),this}get size(){if(this._size)return this._size;this._size=0;const e=this.entries();for(;!e.next().done;)this._size+=1;return this._size}update(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;const s=De(this._tree,e);return s.set(z,t(s.get(z))),this}fetch(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;const s=De(this._tree,e);let n=s.get(z);return n===void 0&&s.set(z,n=t()),n}values(){return new Le(this,St)}[Symbol.iterator](){return this.entries()}static from(e){const t=new Z;for(const[s,n]of e)t.set(s,n);return t}static fromObject(e){return Z.from(Object.entries(e))}}const Re=(a,e,t=[])=>{if(e.length===0||a==null)return[a,t];for(const s of a.keys())if(s!==z&&e.startsWith(s))return t.push([a,s]),Re(a.get(s),e.slice(s.length),t);return t.push([a,e]),Re(void 0,"",t)},Be=(a,e)=>{if(e.length===0||a==null)return a;for(const t of a.keys())if(t!==z&&e.startsWith(t))return Be(a.get(t),e.slice(t.length))},De=(a,e)=>{const t=e.length;e:for(let s=0;a&&s<t;){for(const r of a.keys())if(r!==z&&e[s]===r[0]){const i=Math.min(t-s,r.length);let o=1;for(;o<i&&e[s+o]===r[o];)++o;const l=a.get(r);if(o===r.length)a=l;else{const c=new Map;c.set(r.slice(o),l),a.set(e.slice(s,s+o),c),a.delete(r),a=c}s+=o;continue e}const n=new Map;return a.set(e.slice(s),n),n}return a},Ls=(a,e)=>{const[t,s]=Re(a,e);if(t!==void 0){if(t.delete(z),t.size===0)Tt(s);else if(t.size===1){const[n,r]=t.entries().next().value;It(s,n,r)}}},Tt=a=>{if(a.length===0)return;const[e,t]=Je(a);if(e.delete(t),e.size===0)Tt(a.slice(0,-1));else if(e.size===1){const[s,n]=e.entries().next().value;s!==z&&It(a.slice(0,-1),s,n)}},It=(a,e,t)=>{if(a.length===0)return;const[s,n]=Je(a);s.set(n+e,t),s.delete(n)},Je=a=>a[a.length-1],Ue="or",kt="and",Ds="and_not";class ce{constructor(e){if((e==null?void 0:e.fields)==null)throw new Error('MiniSearch: option "fields" must be provided');const t=e.autoVacuum==null||e.autoVacuum===!0?je:e.autoVacuum;this._options=Object.assign(Object.assign(Object.assign({},Pe),e),{autoVacuum:t,searchOptions:Object.assign(Object.assign({},ht),e.searchOptions||{}),autoSuggestOptions:Object.assign(Object.assign({},$s),e.autoSuggestOptions||{})}),this._index=new Z,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldIds={},this._fieldLength=new Map,this._avgFieldLength=[],this._nextId=0,this._storedFields=new Map,this._dirtCount=0,this._currentVacuum=null,this._enqueuedVacuum=null,this._enqueuedVacuumConditions=Ke,this.addFields(this._options.fields)}add(e){const{extractField:t,tokenize:s,processTerm:n,fields:r,idField:i}=this._options,o=t(e,i);if(o==null)throw new Error(`MiniSearch: document does not have ID field "${i}"`);if(this._idToShortId.has(o))throw new Error(`MiniSearch: duplicate ID ${o}`);const l=this.addDocumentId(o);this.saveStoredFields(l,e);for(const c of r){const h=t(e,c);if(h==null)continue;const v=s(h.toString(),c),p=this._fieldIds[c],b=new Set(v).size;this.addFieldLength(l,p,this._documentCount-1,b);for(const y of v){const x=n(y,c);if(Array.isArray(x))for(const w of x)this.addTerm(p,l,w);else x&&this.addTerm(p,l,x)}}}addAll(e){for(const t of e)this.add(t)}addAllAsync(e,t={}){const{chunkSize:s=10}=t,n={chunk:[],promise:Promise.resolve()},{chunk:r,promise:i}=e.reduce(({chunk:o,promise:l},c,h)=>(o.push(c),(h+1)%s===0?{chunk:[],promise:l.then(()=>new Promise(v=>setTimeout(v,0))).then(()=>this.addAll(o))}:{chunk:o,promise:l}),n);return i.then(()=>this.addAll(r))}remove(e){const{tokenize:t,processTerm:s,extractField:n,fields:r,idField:i}=this._options,o=n(e,i);if(o==null)throw new Error(`MiniSearch: document does not have ID field "${i}"`);const l=this._idToShortId.get(o);if(l==null)throw new Error(`MiniSearch: cannot remove document with ID ${o}: it is not in the index`);for(const c of r){const h=n(e,c);if(h==null)continue;const v=t(h.toString(),c),p=this._fieldIds[c],b=new Set(v).size;this.removeFieldLength(l,p,this._documentCount,b);for(const y of v){const x=s(y,c);if(Array.isArray(x))for(const w of x)this.removeTerm(p,l,w);else x&&this.removeTerm(p,l,x)}}this._storedFields.delete(l),this._documentIds.delete(l),this._idToShortId.delete(o),this._fieldLength.delete(l),this._documentCount-=1}removeAll(e){if(e)for(const t of e)this.remove(t);else{if(arguments.length>0)throw new Error("Expected documents to be present. Omit the argument to remove all documents.");this._index=new Z,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldLength=new Map,this._avgFieldLength=[],this._storedFields=new Map,this._nextId=0}}discard(e){const t=this._idToShortId.get(e);if(t==null)throw new Error(`MiniSearch: cannot discard document with ID ${e}: it is not in the index`);this._idToShortId.delete(e),this._documentIds.delete(t),this._storedFields.delete(t),(this._fieldLength.get(t)||[]).forEach((s,n)=>{this.removeFieldLength(t,n,this._documentCount,s)}),this._fieldLength.delete(t),this._documentCount-=1,this._dirtCount+=1,this.maybeAutoVacuum()}maybeAutoVacuum(){if(this._options.autoVacuum===!1)return;const{minDirtFactor:e,minDirtCount:t,batchSize:s,batchWait:n}=this._options.autoVacuum;this.conditionalVacuum({batchSize:s,batchWait:n},{minDirtCount:t,minDirtFactor:e})}discardAll(e){const t=this._options.autoVacuum;try{this._options.autoVacuum=!1;for(const s of e)this.discard(s)}finally{this._options.autoVacuum=t}this.maybeAutoVacuum()}replace(e){const{idField:t,extractField:s}=this._options,n=s(e,t);this.discard(n),this.add(e)}vacuum(e={}){return this.conditionalVacuum(e)}conditionalVacuum(e,t){return this._currentVacuum?(this._enqueuedVacuumConditions=this._enqueuedVacuumConditions&&t,this._enqueuedVacuum!=null?this._enqueuedVacuum:(this._enqueuedVacuum=this._currentVacuum.then(()=>{const s=this._enqueuedVacuumConditions;return this._enqueuedVacuumConditions=Ke,this.performVacuuming(e,s)}),this._enqueuedVacuum)):this.vacuumConditionsMet(t)===!1?Promise.resolve():(this._currentVacuum=this.performVacuuming(e),this._currentVacuum)}performVacuuming(e,t){return Ie(this,void 0,void 0,function*(){const s=this._dirtCount;if(this.vacuumConditionsMet(t)){const n=e.batchSize||We.batchSize,r=e.batchWait||We.batchWait;let i=1;for(const[o,l]of this._index){for(const[c,h]of l)for(const[v]of h)this._documentIds.has(v)||(h.size<=1?l.delete(c):h.delete(v));this._index.get(o).size===0&&this._index.delete(o),i%n===0&&(yield new Promise(c=>setTimeout(c,r))),i+=1}this._dirtCount-=s}yield null,this._currentVacuum=this._enqueuedVacuum,this._enqueuedVacuum=null})}vacuumConditionsMet(e){if(e==null)return!0;let{minDirtCount:t,minDirtFactor:s}=e;return t=t||je.minDirtCount,s=s||je.minDirtFactor,this.dirtCount>=t&&this.dirtFactor>=s}get isVacuuming(){return this._currentVacuum!=null}get dirtCount(){return this._dirtCount}get dirtFactor(){return this._dirtCount/(1+this._documentCount+this._dirtCount)}has(e){return this._idToShortId.has(e)}getStoredFields(e){const t=this._idToShortId.get(e);if(t!=null)return this._storedFields.get(t)}search(e,t={}){const s=this.executeQuery(e,t),n=[];for(const[r,{score:i,terms:o,match:l}]of s){const c=o.length||1,h={id:this._documentIds.get(r),score:i*c,terms:Object.keys(l),queryTerms:o,match:l};Object.assign(h,this._storedFields.get(r)),(t.filter==null||t.filter(h))&&n.push(h)}return e===ce.wildcard&&t.boostDocument==null&&this._options.searchOptions.boostDocument==null||n.sort(pt),n}autoSuggest(e,t={}){t=Object.assign(Object.assign({},this._options.autoSuggestOptions),t);const s=new Map;for(const{score:r,terms:i}of this.search(e,t)){const o=i.join(" "),l=s.get(o);l!=null?(l.score+=r,l.count+=1):s.set(o,{score:r,terms:i,count:1})}const n=[];for(const[r,{score:i,terms:o,count:l}]of s)n.push({suggestion:r,terms:o,score:i/l});return n.sort(pt),n}get documentCount(){return this._documentCount}get termCount(){return this._index.size}static loadJSON(e,t){if(t==null)throw new Error("MiniSearch: loadJSON should be given the same options used when serializing the index");return this.loadJS(JSON.parse(e),t)}static loadJSONAsync(e,t){return Ie(this,void 0,void 0,function*(){if(t==null)throw new Error("MiniSearch: loadJSON should be given the same options used when serializing the index");return this.loadJSAsync(JSON.parse(e),t)})}static getDefault(e){if(Pe.hasOwnProperty(e))return ze(Pe,e);throw new Error(`MiniSearch: unknown option "${e}"`)}static loadJS(e,t){const{index:s,documentIds:n,fieldLength:r,storedFields:i,serializationVersion:o}=e,l=this.instantiateMiniSearch(e,t);l._documentIds=Ee(n),l._fieldLength=Ee(r),l._storedFields=Ee(i);for(const[c,h]of l._documentIds)l._idToShortId.set(h,c);for(const[c,h]of s){const v=new Map;for(const p of Object.keys(h)){let b=h[p];o===1&&(b=b.ds),v.set(parseInt(p,10),Ee(b))}l._index.set(c,v)}return l}static loadJSAsync(e,t){return Ie(this,void 0,void 0,function*(){const{index:s,documentIds:n,fieldLength:r,storedFields:i,serializationVersion:o}=e,l=this.instantiateMiniSearch(e,t);l._documentIds=yield Te(n),l._fieldLength=yield Te(r),l._storedFields=yield Te(i);for(const[h,v]of l._documentIds)l._idToShortId.set(v,h);let c=0;for(const[h,v]of s){const p=new Map;for(const b of Object.keys(v)){let y=v[b];o===1&&(y=y.ds),p.set(parseInt(b,10),yield Te(y))}++c%1e3===0&&(yield Nt(0)),l._index.set(h,p)}return l})}static instantiateMiniSearch(e,t){const{documentCount:s,nextId:n,fieldIds:r,averageFieldLength:i,dirtCount:o,serializationVersion:l}=e;if(l!==1&&l!==2)throw new Error("MiniSearch: cannot deserialize an index created with an incompatible version");const c=new ce(t);return c._documentCount=s,c._nextId=n,c._idToShortId=new Map,c._fieldIds=r,c._avgFieldLength=i,c._dirtCount=o||0,c._index=new Z,c}executeQuery(e,t={}){if(e===ce.wildcard)return this.executeWildcardQuery(t);if(typeof e!="string"){const p=Object.assign(Object.assign(Object.assign({},t),e),{queries:void 0}),b=e.queries.map(y=>this.executeQuery(y,p));return this.combineResults(b,p.combineWith)}const{tokenize:s,processTerm:n,searchOptions:r}=this._options,i=Object.assign(Object.assign({tokenize:s,processTerm:n},r),t),{tokenize:o,processTerm:l}=i,v=o(e).flatMap(p=>l(p)).filter(p=>!!p).map(Vs(i)).map(p=>this.executeQuerySpec(p,i));return this.combineResults(v,i.combineWith)}executeQuerySpec(e,t){const s=Object.assign(Object.assign({},this._options.searchOptions),t),n=(s.fields||this._options.fields).reduce((x,w)=>Object.assign(Object.assign({},x),{[w]:ze(s.boost,w)||1}),{}),{boostDocument:r,weights:i,maxFuzzy:o,bm25:l}=s,{fuzzy:c,prefix:h}=Object.assign(Object.assign({},ht.weights),i),v=this._index.get(e.term),p=this.termResults(e.term,e.term,1,e.termBoost,v,n,r,l);let b,y;if(e.prefix&&(b=this._index.atPrefix(e.term)),e.fuzzy){const x=e.fuzzy===!0?.2:e.fuzzy,w=x<1?Math.min(o,Math.round(e.term.length*x)):x;w&&(y=this._index.fuzzyGet(e.term,w))}if(b)for(const[x,w]of b){const O=x.length-e.term.length;if(!O)continue;y==null||y.delete(x);const R=h*x.length/(x.length+.3*O);this.termResults(e.term,x,R,e.termBoost,w,n,r,l,p)}if(y)for(const x of y.keys()){const[w,O]=y.get(x);if(!O)continue;const R=c*x.length/(x.length+O);this.termResults(e.term,x,R,e.termBoost,w,n,r,l,p)}return p}executeWildcardQuery(e){const t=new Map,s=Object.assign(Object.assign({},this._options.searchOptions),e);for(const[n,r]of this._documentIds){const i=s.boostDocument?s.boostDocument(r,"",this._storedFields.get(n)):1;t.set(n,{score:i,terms:[],match:{}})}return t}combineResults(e,t=Ue){if(e.length===0)return new Map;const s=t.toLowerCase(),n=zs[s];if(!n)throw new Error(`Invalid combination operator: ${t}`);return e.reduce(n)||new Map}toJSON(){const e=[];for(const[t,s]of this._index){const n={};for(const[r,i]of s)n[r]=Object.fromEntries(i);e.push([t,n])}return{documentCount:this._documentCount,nextId:this._nextId,documentIds:Object.fromEntries(this._documentIds),fieldIds:this._fieldIds,fieldLength:Object.fromEntries(this._fieldLength),averageFieldLength:this._avgFieldLength,storedFields:Object.fromEntries(this._storedFields),dirtCount:this._dirtCount,index:e,serializationVersion:2}}termResults(e,t,s,n,r,i,o,l,c=new Map){if(r==null)return c;for(const h of Object.keys(i)){const v=i[h],p=this._fieldIds[h],b=r.get(p);if(b==null)continue;let y=b.size;const x=this._avgFieldLength[p];for(const w of b.keys()){if(!this._documentIds.has(w)){this.removeTerm(p,w,t),y-=1;continue}const O=o?o(this._documentIds.get(w),t,this._storedFields.get(w)):1;if(!O)continue;const R=b.get(w),K=this._fieldLength.get(w)[p],G=js(R,y,this._documentCount,K,x,l),W=s*n*v*O*G,V=c.get(w);if(V){V.score+=W,Bs(V.terms,e);const $=ze(V.match,t);$?$.push(h):V.match[t]=[h]}else c.set(w,{score:W,terms:[e],match:{[t]:[h]}})}}return c}addTerm(e,t,s){const n=this._index.fetch(s,vt);let r=n.get(e);if(r==null)r=new Map,r.set(t,1),n.set(e,r);else{const i=r.get(t);r.set(t,(i||0)+1)}}removeTerm(e,t,s){if(!this._index.has(s)){this.warnDocumentChanged(t,e,s);return}const n=this._index.fetch(s,vt),r=n.get(e);r==null||r.get(t)==null?this.warnDocumentChanged(t,e,s):r.get(t)<=1?r.size<=1?n.delete(e):r.delete(t):r.set(t,r.get(t)-1),this._index.get(s).size===0&&this._index.delete(s)}warnDocumentChanged(e,t,s){for(const n of Object.keys(this._fieldIds))if(this._fieldIds[n]===t){this._options.logger("warn",`MiniSearch: document with ID ${this._documentIds.get(e)} has changed before removal: term "${s}" was not present in field "${n}". Removing a document after it has changed can corrupt the index!`,"version_conflict");return}}addDocumentId(e){const t=this._nextId;return this._idToShortId.set(e,t),this._documentIds.set(t,e),this._documentCount+=1,this._nextId+=1,t}addFields(e){for(let t=0;t<e.length;t++)this._fieldIds[e[t]]=t}addFieldLength(e,t,s,n){let r=this._fieldLength.get(e);r==null&&this._fieldLength.set(e,r=[]),r[t]=n;const o=(this._avgFieldLength[t]||0)*s+n;this._avgFieldLength[t]=o/(s+1)}removeFieldLength(e,t,s,n){if(s===1){this._avgFieldLength[t]=0;return}const r=this._avgFieldLength[t]*s-n;this._avgFieldLength[t]=r/(s-1)}saveStoredFields(e,t){const{storeFields:s,extractField:n}=this._options;if(s==null||s.length===0)return;let r=this._storedFields.get(e);r==null&&this._storedFields.set(e,r={});for(const i of s){const o=n(t,i);o!==void 0&&(r[i]=o)}}}ce.wildcard=Symbol("*");const ze=(a,e)=>Object.prototype.hasOwnProperty.call(a,e)?a[e]:void 0,zs={[Ue]:(a,e)=>{for(const t of e.keys()){const s=a.get(t);if(s==null)a.set(t,e.get(t));else{const{score:n,terms:r,match:i}=e.get(t);s.score=s.score+n,s.match=Object.assign(s.match,i),ft(s.terms,r)}}return a},[kt]:(a,e)=>{const t=new Map;for(const s of e.keys()){const n=a.get(s);if(n==null)continue;const{score:r,terms:i,match:o}=e.get(s);ft(n.terms,i),t.set(s,{score:n.score+r,terms:n.terms,match:Object.assign(n.match,o)})}return t},[Ds]:(a,e)=>{for(const t of e.keys())a.delete(t);return a}},Ps={k:1.2,b:.7,d:.5},js=(a,e,t,s,n,r)=>{const{k:i,b:o,d:l}=r;return Math.log(1+(t-e+.5)/(e+.5))*(l+a*(i+1)/(a+i*(1-o+o*s/n)))},Vs=a=>(e,t,s)=>{const n=typeof a.fuzzy=="function"?a.fuzzy(e,t,s):a.fuzzy||!1,r=typeof a.prefix=="function"?a.prefix(e,t,s):a.prefix===!0,i=typeof a.boostTerm=="function"?a.boostTerm(e,t,s):1;return{term:e,fuzzy:n,prefix:r,termBoost:i}},Pe={idField:"id",extractField:(a,e)=>a[e],tokenize:a=>a.split(Ws),processTerm:a=>a.toLowerCase(),fields:void 0,searchOptions:void 0,storeFields:[],logger:(a,e)=>{typeof(console==null?void 0:console[a])=="function"&&console[a](e)},autoVacuum:!0},ht={combineWith:Ue,prefix:!1,fuzzy:!1,maxFuzzy:6,boost:{},weights:{fuzzy:.45,prefix:.375},bm25:Ps},$s={combineWith:kt,prefix:(a,e,t)=>e===t.length-1},We={batchSize:1e3,batchWait:10},Ke={minDirtFactor:.1,minDirtCount:20},je=Object.assign(Object.assign({},We),Ke),Bs=(a,e)=>{a.includes(e)||a.push(e)},ft=(a,e)=>{for(const t of e)a.includes(t)||a.push(t)},pt=({score:a},{score:e})=>e-a,vt=()=>new Map,Ee=a=>{const e=new Map;for(const t of Object.keys(a))e.set(parseInt(t,10),a[t]);return e},Te=a=>Ie(void 0,void 0,void 0,function*(){const e=new Map;let t=0;for(const s of Object.keys(a))e.set(parseInt(s,10),a[s]),++t%1e3===0&&(yield Nt(0));return e}),Nt=a=>new Promise(e=>setTimeout(e,a)),Ws=/[\n\r\p{Z}\p{P}]+/u;class Ks{constructor(e=10){Ce(this,"max");Ce(this,"cache");this.max=e,this.cache=new Map}get(e){let t=this.cache.get(e);return t!==void 0&&(this.cache.delete(e),this.cache.set(e,t)),t}set(e,t){this.cache.has(e)?this.cache.delete(e):this.cache.size===this.max&&this.cache.delete(this.first()),this.cache.set(e,t)}first(){return this.cache.keys().next().value}clear(){this.cache.clear()}}const Js=["aria-owns"],Us={class:"shell"},qs=["title"],Gs={class:"search-actions before"},Hs=["title"],Qs=["aria-activedescendant","aria-controls","placeholder"],Ys={class:"search-actions"},Zs=["title"],Xs=["disabled","title"],en=["id","role","aria-labelledby"],tn=["id","aria-selected"],sn=["href","aria-label","onMouseenter","onFocusin"],nn={class:"titles"},rn=["innerHTML"],an={class:"title main"},on=["innerHTML"],ln={key:0,class:"excerpt-wrapper"},cn={key:0,class:"excerpt",inert:""},un=["innerHTML"],dn={key:0,class:"no-results"},hn={class:"search-keyboard-shortcuts"},fn=["aria-label"],pn=["aria-label"],vn=["aria-label"],mn=["aria-label"],gn=At({__name:"VPLocalSearchBox",emits:["close"],setup(a,{emit:e}){var N,F;const t=e,s=we(),n=we(),r=we(ns),i=ts(),{activate:o}=Os(s,{immediate:!0,allowOutsideClick:!0,clickOutsideDeactivates:!0,escapeDeactivates:!0}),{localeIndex:l,theme:c}=i,h=tt(async()=>{var m,f,I,A,C,M,j,T,P;return rt(ce.loadJSON((I=await((f=(m=r.value)[l.value])==null?void 0:f.call(m)))==null?void 0:I.default,{fields:["title","titles","text"],storeFields:["title","titles"],searchOptions:{fuzzy:.2,prefix:!0,boost:{title:4,text:2,titles:1},...((A=c.value.search)==null?void 0:A.provider)==="local"&&((M=(C=c.value.search.options)==null?void 0:C.miniSearch)==null?void 0:M.searchOptions)},...((j=c.value.search)==null?void 0:j.provider)==="local"&&((P=(T=c.value.search.options)==null?void 0:T.miniSearch)==null?void 0:P.options)}))}),p=ve(()=>{var m,f;return((m=c.value.search)==null?void 0:m.provider)==="local"&&((f=c.value.search.options)==null?void 0:f.disableQueryPersistence)===!0}).value?ne(""):Lt("vitepress:local-search-filter",""),b=Dt("vitepress:local-search-detailed-list",((N=c.value.search)==null?void 0:N.provider)==="local"&&((F=c.value.search.options)==null?void 0:F.detailedView)===!0),y=ve(()=>{var m,f,I;return((m=c.value.search)==null?void 0:m.provider)==="local"&&(((f=c.value.search.options)==null?void 0:f.disableDetailedView)===!0||((I=c.value.search.options)==null?void 0:I.detailedView)===!1)}),x=ve(()=>{var f,I,A,C,M,j,T;const m=((f=c.value.search)==null?void 0:f.options)??c.value.algolia;return((M=(C=(A=(I=m==null?void 0:m.locales)==null?void 0:I[l.value])==null?void 0:A.translations)==null?void 0:C.button)==null?void 0:M.buttonText)||((T=(j=m==null?void 0:m.translations)==null?void 0:j.button)==null?void 0:T.buttonText)||"Search"});zt(()=>{y.value&&(b.value=!1)});const w=we([]),O=ne(!1);Ve(p,()=>{O.value=!1});const R=tt(async()=>{if(n.value)return rt(new Cs(n.value))},null),K=new Ks(16);Pt(()=>[h.value,p.value,b.value],async([m,f,I],A,C)=>{var X,be,qe,Ge;(A==null?void 0:A[0])!==m&&K.clear();let M=!1;if(C(()=>{M=!0}),!m)return;w.value=m.search(f).slice(0,16),O.value=!0;const j=I?await Promise.all(w.value.map(B=>G(B.id))):[];if(M)return;for(const{id:B,mod:ee}of j){const te=B.slice(0,B.indexOf("#"));let Q=K.get(te);if(Q)continue;Q=new Map,K.set(te,Q);const U=ee.default??ee;if(U!=null&&U.render||U!=null&&U.setup){const se=Qt(U);se.config.warnHandler=()=>{},se.provide(Yt,i),Object.defineProperties(se.config.globalProperties,{$frontmatter:{get(){return i.frontmatter.value}},$params:{get(){return i.page.value.params}}});const He=document.createElement("div");se.mount(He),He.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(ue=>{var Ze;const ye=(Ze=ue.querySelector("a"))==null?void 0:Ze.getAttribute("href"),Qe=(ye==null?void 0:ye.startsWith("#"))&&ye.slice(1);if(!Qe)return;let Ye="";for(;(ue=ue.nextElementSibling)&&!/^h[1-6]$/i.test(ue.tagName);)Ye+=ue.outerHTML;Q.set(Qe,Ye)}),se.unmount()}if(M)return}const T=new Set;if(w.value=w.value.map(B=>{const[ee,te]=B.id.split("#"),Q=K.get(ee),U=(Q==null?void 0:Q.get(te))??"";for(const se in B.match)T.add(se);return{...B,text:U}}),await de(),M)return;await new Promise(B=>{var ee;(ee=R.value)==null||ee.unmark({done:()=>{var te;(te=R.value)==null||te.markRegExp(E(T),{done:B})}})});const P=((X=s.value)==null?void 0:X.querySelectorAll(".result .excerpt"))??[];for(const B of P)(be=B.querySelector('mark[data-markjs="true"]'))==null||be.scrollIntoView({block:"center"});(Ge=(qe=n.value)==null?void 0:qe.firstElementChild)==null||Ge.scrollIntoView({block:"start"})},{debounce:200,immediate:!0});async function G(m){const f=Zt(m.slice(0,m.indexOf("#")));try{if(!f)throw new Error(`Cannot find file for id: ${m}`);return{id:m,mod:await import(f)}}catch(I){return console.error(I),{id:m,mod:{}}}}const W=ne(),V=ve(()=>{var m;return((m=p.value)==null?void 0:m.length)<=0});function $(m=!0){var f,I;(f=W.value)==null||f.focus(),m&&((I=W.value)==null||I.select())}Me(()=>{$()});function ge(m){m.pointerType==="mouse"&&$()}const L=ne(-1),H=ne(!1);Ve(w,m=>{L.value=m.length?0:-1,J()});function J(){de(()=>{const m=document.querySelector(".result.selected");m==null||m.scrollIntoView({block:"nearest"})})}xe("ArrowUp",m=>{m.preventDefault(),L.value--,L.value<0&&(L.value=w.value.length-1),H.value=!0,J()}),xe("ArrowDown",m=>{m.preventDefault(),L.value++,L.value>=w.value.length&&(L.value=0),H.value=!0,J()});const k=jt();xe("Enter",m=>{if(m.isComposing||m.target instanceof HTMLButtonElement&&m.target.type!=="submit")return;const f=w.value[L.value];if(m.target instanceof HTMLInputElement&&!f){m.preventDefault();return}f&&(k.go(f.id),t("close"))}),xe("Escape",()=>{t("close")});const u=ss({modal:{displayDetails:"Display detailed list",resetButtonTitle:"Reset search",backButtonTitle:"Close search",noResultsText:"No results for",footer:{selectText:"to select",selectKeyAriaLabel:"enter",navigateText:"to navigate",navigateUpKeyAriaLabel:"up arrow",navigateDownKeyAriaLabel:"down arrow",closeText:"to close",closeKeyAriaLabel:"escape"}}});Me(()=>{window.history.pushState(null,"",null)}),Vt("popstate",m=>{m.preventDefault(),t("close")});const g=$t(Bt?document.body:null);Me(()=>{de(()=>{g.value=!0,de().then(()=>o())})}),Wt(()=>{g.value=!1});function S(){p.value="",de().then(()=>$(!1))}function E(m){return new RegExp([...m].sort((f,I)=>I.length-f.length).map(f=>`(${Xt(f)})`).join("|"),"gi")}return(m,f)=>{var I,A,C,M,j;return q(),Kt(Ht,{to:"body"},[_("div",{ref_key:"el",ref:s,role:"button","aria-owns":(I=w.value)!=null&&I.length?"localsearch-list":void 0,"aria-expanded":"true","aria-haspopup":"listbox","aria-labelledby":"localsearch-label",class:"VPLocalSearchBox"},[_("div",{class:"backdrop",onClick:f[0]||(f[0]=T=>m.$emit("close"))}),_("div",Us,[_("form",{class:"search-bar",onPointerup:f[4]||(f[4]=T=>ge(T)),onSubmit:f[5]||(f[5]=Jt(()=>{},["prevent"]))},[_("label",{title:x.value,id:"localsearch-label",for:"localsearch-input"},f[8]||(f[8]=[_("span",{"aria-hidden":"true",class:"vpi-search search-icon local-search-icon"},null,-1)]),8,qs),_("div",Gs,[_("button",{class:"back-button",title:D(u)("modal.backButtonTitle"),onClick:f[1]||(f[1]=T=>m.$emit("close"))},f[9]||(f[9]=[_("span",{class:"vpi-arrow-left local-search-icon"},null,-1)]),8,Hs)]),Ut(_("input",{ref_key:"searchInput",ref:W,"onUpdate:modelValue":f[2]||(f[2]=T=>Gt(p)?p.value=T:null),"aria-activedescendant":L.value>-1?"localsearch-item-"+L.value:void 0,"aria-autocomplete":"both","aria-controls":(A=w.value)!=null&&A.length?"localsearch-list":void 0,"aria-labelledby":"localsearch-label",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"search-input",id:"localsearch-input",enterkeyhint:"go",maxlength:"64",placeholder:x.value,spellcheck:"false",type:"search"},null,8,Qs),[[qt,D(p)]]),_("div",Ys,[y.value?_e("",!0):(q(),Y("button",{key:0,class:st(["toggle-layout-button",{"detailed-list":D(b)}]),type:"button",title:D(u)("modal.displayDetails"),onClick:f[3]||(f[3]=T=>L.value>-1&&(b.value=!D(b)))},f[10]||(f[10]=[_("span",{class:"vpi-layout-list local-search-icon"},null,-1)]),10,Zs)),_("button",{class:"clear-button",type:"reset",disabled:V.value,title:D(u)("modal.resetButtonTitle"),onClick:S},f[11]||(f[11]=[_("span",{class:"vpi-delete local-search-icon"},null,-1)]),8,Xs)])],32),_("ul",{ref_key:"resultsEl",ref:n,id:(C=w.value)!=null&&C.length?"localsearch-list":void 0,role:(M=w.value)!=null&&M.length?"listbox":void 0,"aria-labelledby":(j=w.value)!=null&&j.length?"localsearch-label":void 0,class:"results",onMousemove:f[7]||(f[7]=T=>H.value=!1)},[(q(!0),Y(it,null,nt(w.value,(T,P)=>(q(),Y("li",{key:T.id,id:"localsearch-item-"+P,"aria-selected":L.value===P?"true":"false",role:"option"},[_("a",{href:T.id,class:st(["result",{selected:L.value===P}]),"aria-label":[...T.titles,T.title].join(" > "),onMouseenter:X=>!H.value&&(L.value=P),onFocusin:X=>L.value=P,onClick:f[6]||(f[6]=X=>m.$emit("close"))},[_("div",null,[_("div",nn,[f[13]||(f[13]=_("span",{class:"title-icon"},"#",-1)),(q(!0),Y(it,null,nt(T.titles,(X,be)=>(q(),Y("span",{key:be,class:"title"},[_("span",{class:"text",innerHTML:X},null,8,rn),f[12]||(f[12]=_("span",{class:"vpi-chevron-right local-search-icon"},null,-1))]))),128)),_("span",an,[_("span",{class:"text",innerHTML:T.title},null,8,on)])]),D(b)?(q(),Y("div",ln,[T.text?(q(),Y("div",cn,[_("div",{class:"vp-doc",innerHTML:T.text},null,8,un)])):_e("",!0),f[14]||(f[14]=_("div",{class:"excerpt-gradient-bottom"},null,-1)),f[15]||(f[15]=_("div",{class:"excerpt-gradient-top"},null,-1))])):_e("",!0)])],42,sn)],8,tn))),128)),D(p)&&!w.value.length&&O.value?(q(),Y("li",dn,[he(fe(D(u)("modal.noResultsText"))+' "',1),_("strong",null,fe(D(p)),1),f[16]||(f[16]=he('" '))])):_e("",!0)],40,en),_("div",hn,[_("span",null,[_("kbd",{"aria-label":D(u)("modal.footer.navigateUpKeyAriaLabel")},f[17]||(f[17]=[_("span",{class:"vpi-arrow-up navigate-icon"},null,-1)]),8,fn),_("kbd",{"aria-label":D(u)("modal.footer.navigateDownKeyAriaLabel")},f[18]||(f[18]=[_("span",{class:"vpi-arrow-down navigate-icon"},null,-1)]),8,pn),he(" "+fe(D(u)("modal.footer.navigateText")),1)]),_("span",null,[_("kbd",{"aria-label":D(u)("modal.footer.selectKeyAriaLabel")},f[19]||(f[19]=[_("span",{class:"vpi-corner-down-left navigate-icon"},null,-1)]),8,vn),he(" "+fe(D(u)("modal.footer.selectText")),1)]),_("span",null,[_("kbd",{"aria-label":D(u)("modal.footer.closeKeyAriaLabel")},"esc",8,mn),he(" "+fe(D(u)("modal.footer.closeText")),1)])])])],8,Js)])}}}),Sn=es(gn,[["__scopeId","data-v-bbf8889f"]]);export{Sn as default};
diff --git a/assets/chunks/framework.Ckp7d4B5.js b/assets/chunks/framework.Ckp7d4B5.js
deleted file mode 100644
index aed06ac6f..000000000
--- a/assets/chunks/framework.Ckp7d4B5.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
-* @vue/shared v3.5.11
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**//*! #__NO_SIDE_EFFECTS__ */function Hs(e){const t=Object.create(null);for(const n of e.split(","))t[n]=1;return n=>n in t}const Z={},Tt=[],ke=()=>{},Jo=()=>!1,Zt=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),$s=e=>e.startsWith("onUpdate:"),fe=Object.assign,Ds=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},zo=Object.prototype.hasOwnProperty,z=(e,t)=>zo.call(e,t),K=Array.isArray,Ct=e=>$n(e)==="[object Map]",fi=e=>$n(e)==="[object Set]",q=e=>typeof e=="function",re=e=>typeof e=="string",st=e=>typeof e=="symbol",ne=e=>e!==null&&typeof e=="object",ui=e=>(ne(e)||q(e))&&q(e.then)&&q(e.catch),di=Object.prototype.toString,$n=e=>di.call(e),Qo=e=>$n(e).slice(8,-1),hi=e=>$n(e)==="[object Object]",js=e=>re(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,At=Hs(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Dn=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Zo=/-(\w)/g,Pe=Dn(e=>e.replace(Zo,(t,n)=>n?n.toUpperCase():"")),el=/\B([A-Z])/g,rt=Dn(e=>e.replace(el,"-$1").toLowerCase()),jn=Dn(e=>e.charAt(0).toUpperCase()+e.slice(1)),Sn=Dn(e=>e?`on${jn(e)}`:""),tt=(e,t)=>!Object.is(e,t),En=(e,...t)=>{for(let n=0;n<e.length;n++)e[n](...t)},pi=(e,t,n,s=!1)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:s,value:n})},Ss=e=>{const t=parseFloat(e);return isNaN(t)?e:t},tl=e=>{const t=re(e)?Number(e):NaN;return isNaN(t)?e:t};let dr;const gi=()=>dr||(dr=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function Vs(e){if(K(e)){const t={};for(let n=0;n<e.length;n++){const s=e[n],r=re(s)?il(s):Vs(s);if(r)for(const i in r)t[i]=r[i]}return t}else if(re(e)||ne(e))return e}const nl=/;(?![^(]*\))/g,sl=/:([^]+)/,rl=/\/\*[^]*?\*\//g;function il(e){const t={};return e.replace(rl,"").split(nl).forEach(n=>{if(n){const s=n.split(sl);s.length>1&&(t[s[0].trim()]=s[1].trim())}}),t}function Us(e){let t="";if(re(e))t=e;else if(K(e))for(let n=0;n<e.length;n++){const s=Us(e[n]);s&&(t+=s+" ")}else if(ne(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const ol="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",ll=Hs(ol);function mi(e){return!!e||e===""}const yi=e=>!!(e&&e.__v_isRef===!0),cl=e=>re(e)?e:e==null?"":K(e)||ne(e)&&(e.toString===di||!q(e.toString))?yi(e)?cl(e.value):JSON.stringify(e,vi,2):String(e),vi=(e,t)=>yi(t)?vi(e,t.value):Ct(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[s,r],i)=>(n[ts(s,i)+" =>"]=r,n),{})}:fi(t)?{[`Set(${t.size})`]:[...t.values()].map(n=>ts(n))}:st(t)?ts(t):ne(t)&&!K(t)&&!hi(t)?String(t):t,ts=(e,t="")=>{var n;return st(e)?`Symbol(${(n=e.description)!=null?n:t})`:e};/**
-* @vue/reactivity v3.5.11
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/let _e;class al{constructor(t=!1){this.detached=t,this._active=!0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.parent=_e,!t&&_e&&(this.index=(_e.scopes||(_e.scopes=[])).push(this)-1)}get active(){return this._active}pause(){if(this._active){this._isPaused=!0;let t,n;if(this.scopes)for(t=0,n=this.scopes.length;t<n;t++)this.scopes[t].pause();for(t=0,n=this.effects.length;t<n;t++)this.effects[t].pause()}}resume(){if(this._active&&this._isPaused){this._isPaused=!1;let t,n;if(this.scopes)for(t=0,n=this.scopes.length;t<n;t++)this.scopes[t].resume();for(t=0,n=this.effects.length;t<n;t++)this.effects[t].resume()}}run(t){if(this._active){const n=_e;try{return _e=this,t()}finally{_e=n}}}on(){_e=this}off(){_e=this.parent}stop(t){if(this._active){let n,s;for(n=0,s=this.effects.length;n<s;n++)this.effects[n].stop();for(n=0,s=this.cleanups.length;n<s;n++)this.cleanups[n]();if(this.scopes)for(n=0,s=this.scopes.length;n<s;n++)this.scopes[n].stop(!0);if(!this.detached&&this.parent&&!t){const r=this.parent.scopes.pop();r&&r!==this&&(this.parent.scopes[this.index]=r,r.index=this.index)}this.parent=void 0,this._active=!1}}}function bi(){return _e}function fl(e,t=!1){_e&&_e.cleanups.push(e)}let te;const ns=new WeakSet;class _i{constructor(t){this.fn=t,this.deps=void 0,this.depsTail=void 0,this.flags=5,this.next=void 0,this.cleanup=void 0,this.scheduler=void 0,_e&&_e.active&&_e.effects.push(this)}pause(){this.flags|=64}resume(){this.flags&64&&(this.flags&=-65,ns.has(this)&&(ns.delete(this),this.trigger()))}notify(){this.flags&2&&!(this.flags&32)||this.flags&8||Si(this)}run(){if(!(this.flags&1))return this.fn();this.flags|=2,hr(this),Ei(this);const t=te,n=Ne;te=this,Ne=!0;try{return this.fn()}finally{xi(this),te=t,Ne=n,this.flags&=-3}}stop(){if(this.flags&1){for(let t=this.deps;t;t=t.nextDep)Ws(t);this.deps=this.depsTail=void 0,hr(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){this.flags&64?ns.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){Es(this)&&this.run()}get dirty(){return Es(this)}}let wi=0,Dt,jt;function Si(e,t=!1){if(e.flags|=8,t){e.next=jt,jt=e;return}e.next=Dt,Dt=e}function ks(){wi++}function Bs(){if(--wi>0)return;if(jt){let t=jt;for(jt=void 0;t;){const n=t.next;t.next=void 0,t.flags&=-9,t=n}}let e;for(;Dt;){let t=Dt;for(Dt=void 0;t;){const n=t.next;if(t.next=void 0,t.flags&=-9,t.flags&1)try{t.trigger()}catch(s){e||(e=s)}t=n}}if(e)throw e}function Ei(e){for(let t=e.deps;t;t=t.nextDep)t.version=-1,t.prevActiveLink=t.dep.activeLink,t.dep.activeLink=t}function xi(e){let t,n=e.depsTail,s=n;for(;s;){const r=s.prevDep;s.version===-1?(s===n&&(n=r),Ws(s),ul(s)):t=s,s.dep.activeLink=s.prevActiveLink,s.prevActiveLink=void 0,s=r}e.deps=t,e.depsTail=n}function Es(e){for(let t=e.deps;t;t=t.nextDep)if(t.dep.version!==t.version||t.dep.computed&&(Ti(t.dep.computed)||t.dep.version!==t.version))return!0;return!!e._dirty}function Ti(e){if(e.flags&4&&!(e.flags&16)||(e.flags&=-17,e.globalVersion===Kt))return;e.globalVersion=Kt;const t=e.dep;if(e.flags|=2,t.version>0&&!e.isSSR&&e.deps&&!Es(e)){e.flags&=-3;return}const n=te,s=Ne;te=e,Ne=!0;try{Ei(e);const r=e.fn(e._value);(t.version===0||tt(r,e._value))&&(e._value=r,t.version++)}catch(r){throw t.version++,r}finally{te=n,Ne=s,xi(e),e.flags&=-3}}function Ws(e,t=!1){const{dep:n,prevSub:s,nextSub:r}=e;if(s&&(s.nextSub=r,e.prevSub=void 0),r&&(r.prevSub=s,e.nextSub=void 0),n.subs===e&&(n.subs=s),!n.subs&&n.computed){n.computed.flags&=-5;for(let i=n.computed.deps;i;i=i.nextDep)Ws(i,!0)}!t&&!--n.sc&&n.map&&n.map.delete(n.key)}function ul(e){const{prevDep:t,nextDep:n}=e;t&&(t.nextDep=n,e.prevDep=void 0),n&&(n.prevDep=t,e.nextDep=void 0)}let Ne=!0;const Ci=[];function it(){Ci.push(Ne),Ne=!1}function ot(){const e=Ci.pop();Ne=e===void 0?!0:e}function hr(e){const{cleanup:t}=e;if(e.cleanup=void 0,t){const n=te;te=void 0;try{t()}finally{te=n}}}let Kt=0;class dl{constructor(t,n){this.sub=t,this.dep=n,this.version=n.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}}class Vn{constructor(t){this.computed=t,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0}track(t){if(!te||!Ne||te===this.computed)return;let n=this.activeLink;if(n===void 0||n.sub!==te)n=this.activeLink=new dl(te,this),te.deps?(n.prevDep=te.depsTail,te.depsTail.nextDep=n,te.depsTail=n):te.deps=te.depsTail=n,Ai(n);else if(n.version===-1&&(n.version=this.version,n.nextDep)){const s=n.nextDep;s.prevDep=n.prevDep,n.prevDep&&(n.prevDep.nextDep=s),n.prevDep=te.depsTail,n.nextDep=void 0,te.depsTail.nextDep=n,te.depsTail=n,te.deps===n&&(te.deps=s)}return n}trigger(t){this.version++,Kt++,this.notify(t)}notify(t){ks();try{for(let n=this.subs;n;n=n.prevSub)n.sub.notify()&&n.sub.dep.notify()}finally{Bs()}}}function Ai(e){if(e.dep.sc++,e.sub.flags&4){const t=e.dep.computed;if(t&&!e.dep.subs){t.flags|=20;for(let s=t.deps;s;s=s.nextDep)Ai(s)}const n=e.dep.subs;n!==e&&(e.prevSub=n,n&&(n.nextSub=e)),e.dep.subs=e}}const On=new WeakMap,ht=Symbol(""),xs=Symbol(""),qt=Symbol("");function ve(e,t,n){if(Ne&&te){let s=On.get(e);s||On.set(e,s=new Map);let r=s.get(n);r||(s.set(n,r=new Vn),r.map=s,r.key=n),r.track()}}function Ge(e,t,n,s,r,i){const o=On.get(e);if(!o){Kt++;return}const l=c=>{c&&c.trigger()};if(ks(),t==="clear")o.forEach(l);else{const c=K(e),f=c&&js(n);if(c&&n==="length"){const a=Number(s);o.forEach((h,g)=>{(g==="length"||g===qt||!st(g)&&g>=a)&&l(h)})}else switch(n!==void 0&&l(o.get(n)),f&&l(o.get(qt)),t){case"add":c?f&&l(o.get("length")):(l(o.get(ht)),Ct(e)&&l(o.get(xs)));break;case"delete":c||(l(o.get(ht)),Ct(e)&&l(o.get(xs)));break;case"set":Ct(e)&&l(o.get(ht));break}}Bs()}function hl(e,t){const n=On.get(e);return n&&n.get(t)}function _t(e){const t=J(e);return t===e?t:(ve(t,"iterate",qt),Ie(e)?t:t.map(me))}function Un(e){return ve(e=J(e),"iterate",qt),e}const pl={__proto__:null,[Symbol.iterator](){return ss(this,Symbol.iterator,me)},concat(...e){return _t(this).concat(...e.map(t=>K(t)?_t(t):t))},entries(){return ss(this,"entries",e=>(e[1]=me(e[1]),e))},every(e,t){return We(this,"every",e,t,void 0,arguments)},filter(e,t){return We(this,"filter",e,t,n=>n.map(me),arguments)},find(e,t){return We(this,"find",e,t,me,arguments)},findIndex(e,t){return We(this,"findIndex",e,t,void 0,arguments)},findLast(e,t){return We(this,"findLast",e,t,me,arguments)},findLastIndex(e,t){return We(this,"findLastIndex",e,t,void 0,arguments)},forEach(e,t){return We(this,"forEach",e,t,void 0,arguments)},includes(...e){return rs(this,"includes",e)},indexOf(...e){return rs(this,"indexOf",e)},join(e){return _t(this).join(e)},lastIndexOf(...e){return rs(this,"lastIndexOf",e)},map(e,t){return We(this,"map",e,t,void 0,arguments)},pop(){return Ft(this,"pop")},push(...e){return Ft(this,"push",e)},reduce(e,...t){return pr(this,"reduce",e,t)},reduceRight(e,...t){return pr(this,"reduceRight",e,t)},shift(){return Ft(this,"shift")},some(e,t){return We(this,"some",e,t,void 0,arguments)},splice(...e){return Ft(this,"splice",e)},toReversed(){return _t(this).toReversed()},toSorted(e){return _t(this).toSorted(e)},toSpliced(...e){return _t(this).toSpliced(...e)},unshift(...e){return Ft(this,"unshift",e)},values(){return ss(this,"values",me)}};function ss(e,t,n){const s=Un(e),r=s[t]();return s!==e&&!Ie(e)&&(r._next=r.next,r.next=()=>{const i=r._next();return i.value&&(i.value=n(i.value)),i}),r}const gl=Array.prototype;function We(e,t,n,s,r,i){const o=Un(e),l=o!==e&&!Ie(e),c=o[t];if(c!==gl[t]){const h=c.apply(e,i);return l?me(h):h}let f=n;o!==e&&(l?f=function(h,g){return n.call(this,me(h),g,e)}:n.length>2&&(f=function(h,g){return n.call(this,h,g,e)}));const a=c.call(o,f,s);return l&&r?r(a):a}function pr(e,t,n,s){const r=Un(e);let i=n;return r!==e&&(Ie(e)?n.length>3&&(i=function(o,l,c){return n.call(this,o,l,c,e)}):i=function(o,l,c){return n.call(this,o,me(l),c,e)}),r[t](i,...s)}function rs(e,t,n){const s=J(e);ve(s,"iterate",qt);const r=s[t](...n);return(r===-1||r===!1)&&Ys(n[0])?(n[0]=J(n[0]),s[t](...n)):r}function Ft(e,t,n=[]){it(),ks();const s=J(e)[t].apply(e,n);return Bs(),ot(),s}const ml=Hs("__proto__,__v_isRef,__isVue"),Ri=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(st));function yl(e){st(e)||(e=String(e));const t=J(this);return ve(t,"has",e),t.hasOwnProperty(e)}class Oi{constructor(t=!1,n=!1){this._isReadonly=t,this._isShallow=n}get(t,n,s){const r=this._isReadonly,i=this._isShallow;if(n==="__v_isReactive")return!r;if(n==="__v_isReadonly")return r;if(n==="__v_isShallow")return i;if(n==="__v_raw")return s===(r?i?Ml:Li:i?Pi:Ii).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(s)?t:void 0;const o=K(t);if(!r){let c;if(o&&(c=pl[n]))return c;if(n==="hasOwnProperty")return yl}const l=Reflect.get(t,n,ae(t)?t:s);return(st(n)?Ri.has(n):ml(n))||(r||ve(t,"get",n),i)?l:ae(l)?o&&js(n)?l:l.value:ne(l)?r?Wn(l):Bn(l):l}}class Mi extends Oi{constructor(t=!1){super(!1,t)}set(t,n,s,r){let i=t[n];if(!this._isShallow){const c=vt(i);if(!Ie(s)&&!vt(s)&&(i=J(i),s=J(s)),!K(t)&&ae(i)&&!ae(s))return c?!1:(i.value=s,!0)}const o=K(t)&&js(n)?Number(n)<t.length:z(t,n),l=Reflect.set(t,n,s,ae(t)?t:r);return t===J(r)&&(o?tt(s,i)&&Ge(t,"set",n,s):Ge(t,"add",n,s)),l}deleteProperty(t,n){const s=z(t,n);t[n];const r=Reflect.deleteProperty(t,n);return r&&s&&Ge(t,"delete",n,void 0),r}has(t,n){const s=Reflect.has(t,n);return(!st(n)||!Ri.has(n))&&ve(t,"has",n),s}ownKeys(t){return ve(t,"iterate",K(t)?"length":ht),Reflect.ownKeys(t)}}class vl extends Oi{constructor(t=!1){super(!0,t)}set(t,n){return!0}deleteProperty(t,n){return!0}}const bl=new Mi,_l=new vl,wl=new Mi(!0);const Ks=e=>e,kn=e=>Reflect.getPrototypeOf(e);function cn(e,t,n=!1,s=!1){e=e.__v_raw;const r=J(e),i=J(t);n||(tt(t,i)&&ve(r,"get",t),ve(r,"get",i));const{has:o}=kn(r),l=s?Ks:n?Xs:me;if(o.call(r,t))return l(e.get(t));if(o.call(r,i))return l(e.get(i));e!==r&&e.get(t)}function an(e,t=!1){const n=this.__v_raw,s=J(n),r=J(e);return t||(tt(e,r)&&ve(s,"has",e),ve(s,"has",r)),e===r?n.has(e):n.has(e)||n.has(r)}function fn(e,t=!1){return e=e.__v_raw,!t&&ve(J(e),"iterate",ht),Reflect.get(e,"size",e)}function gr(e,t=!1){!t&&!Ie(e)&&!vt(e)&&(e=J(e));const n=J(this);return kn(n).has.call(n,e)||(n.add(e),Ge(n,"add",e,e)),this}function mr(e,t,n=!1){!n&&!Ie(t)&&!vt(t)&&(t=J(t));const s=J(this),{has:r,get:i}=kn(s);let o=r.call(s,e);o||(e=J(e),o=r.call(s,e));const l=i.call(s,e);return s.set(e,t),o?tt(t,l)&&Ge(s,"set",e,t):Ge(s,"add",e,t),this}function yr(e){const t=J(this),{has:n,get:s}=kn(t);let r=n.call(t,e);r||(e=J(e),r=n.call(t,e)),s&&s.call(t,e);const i=t.delete(e);return r&&Ge(t,"delete",e,void 0),i}function vr(){const e=J(this),t=e.size!==0,n=e.clear();return t&&Ge(e,"clear",void 0,void 0),n}function un(e,t){return function(s,r){const i=this,o=i.__v_raw,l=J(o),c=t?Ks:e?Xs:me;return!e&&ve(l,"iterate",ht),o.forEach((f,a)=>s.call(r,c(f),c(a),i))}}function dn(e,t,n){return function(...s){const r=this.__v_raw,i=J(r),o=Ct(i),l=e==="entries"||e===Symbol.iterator&&o,c=e==="keys"&&o,f=r[e](...s),a=n?Ks:t?Xs:me;return!t&&ve(i,"iterate",c?xs:ht),{next(){const{value:h,done:g}=f.next();return g?{value:h,done:g}:{value:l?[a(h[0]),a(h[1])]:a(h),done:g}},[Symbol.iterator](){return this}}}}function Xe(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function Sl(){const e={get(i){return cn(this,i)},get size(){return fn(this)},has:an,add:gr,set:mr,delete:yr,clear:vr,forEach:un(!1,!1)},t={get(i){return cn(this,i,!1,!0)},get size(){return fn(this)},has:an,add(i){return gr.call(this,i,!0)},set(i,o){return mr.call(this,i,o,!0)},delete:yr,clear:vr,forEach:un(!1,!0)},n={get(i){return cn(this,i,!0)},get size(){return fn(this,!0)},has(i){return an.call(this,i,!0)},add:Xe("add"),set:Xe("set"),delete:Xe("delete"),clear:Xe("clear"),forEach:un(!0,!1)},s={get(i){return cn(this,i,!0,!0)},get size(){return fn(this,!0)},has(i){return an.call(this,i,!0)},add:Xe("add"),set:Xe("set"),delete:Xe("delete"),clear:Xe("clear"),forEach:un(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=dn(i,!1,!1),n[i]=dn(i,!0,!1),t[i]=dn(i,!1,!0),s[i]=dn(i,!0,!0)}),[e,n,t,s]}const[El,xl,Tl,Cl]=Sl();function qs(e,t){const n=t?e?Cl:Tl:e?xl:El;return(s,r,i)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?s:Reflect.get(z(n,r)&&r in s?n:s,r,i)}const Al={get:qs(!1,!1)},Rl={get:qs(!1,!0)},Ol={get:qs(!0,!1)};const Ii=new WeakMap,Pi=new WeakMap,Li=new WeakMap,Ml=new WeakMap;function Il(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Pl(e){return e.__v_skip||!Object.isExtensible(e)?0:Il(Qo(e))}function Bn(e){return vt(e)?e:Gs(e,!1,bl,Al,Ii)}function Ll(e){return Gs(e,!1,wl,Rl,Pi)}function Wn(e){return Gs(e,!0,_l,Ol,Li)}function Gs(e,t,n,s,r){if(!ne(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=r.get(e);if(i)return i;const o=Pl(e);if(o===0)return e;const l=new Proxy(e,o===2?s:n);return r.set(e,l),l}function pt(e){return vt(e)?pt(e.__v_raw):!!(e&&e.__v_isReactive)}function vt(e){return!!(e&&e.__v_isReadonly)}function Ie(e){return!!(e&&e.__v_isShallow)}function Ys(e){return e?!!e.__v_raw:!1}function J(e){const t=e&&e.__v_raw;return t?J(t):e}function xn(e){return!z(e,"__v_skip")&&Object.isExtensible(e)&&pi(e,"__v_skip",!0),e}const me=e=>ne(e)?Bn(e):e,Xs=e=>ne(e)?Wn(e):e;function ae(e){return e?e.__v_isRef===!0:!1}function oe(e){return Ni(e,!1)}function Js(e){return Ni(e,!0)}function Ni(e,t){return ae(e)?e:new Nl(e,t)}class Nl{constructor(t,n){this.dep=new Vn,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=n?t:J(t),this._value=n?t:me(t),this.__v_isShallow=n}get value(){return this.dep.track(),this._value}set value(t){const n=this._rawValue,s=this.__v_isShallow||Ie(t)||vt(t);t=s?t:J(t),tt(t,n)&&(this._rawValue=t,this._value=s?t:me(t),this.dep.trigger())}}function Fi(e){return ae(e)?e.value:e}const Fl={get:(e,t,n)=>t==="__v_raw"?e:Fi(Reflect.get(e,t,n)),set:(e,t,n,s)=>{const r=e[t];return ae(r)&&!ae(n)?(r.value=n,!0):Reflect.set(e,t,n,s)}};function Hi(e){return pt(e)?e:new Proxy(e,Fl)}class Hl{constructor(t){this.__v_isRef=!0,this._value=void 0;const n=this.dep=new Vn,{get:s,set:r}=t(n.track.bind(n),n.trigger.bind(n));this._get=s,this._set=r}get value(){return this._value=this._get()}set value(t){this._set(t)}}function $l(e){return new Hl(e)}class Dl{constructor(t,n,s){this._object=t,this._key=n,this._defaultValue=s,this.__v_isRef=!0,this._value=void 0}get value(){const t=this._object[this._key];return this._value=t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}get dep(){return hl(J(this._object),this._key)}}class jl{constructor(t){this._getter=t,this.__v_isRef=!0,this.__v_isReadonly=!0,this._value=void 0}get value(){return this._value=this._getter()}}function Vl(e,t,n){return ae(e)?e:q(e)?new jl(e):ne(e)&&arguments.length>1?Ul(e,t,n):oe(e)}function Ul(e,t,n){const s=e[t];return ae(s)?s:new Dl(e,t,n)}class kl{constructor(t,n,s){this.fn=t,this.setter=n,this._value=void 0,this.dep=new Vn(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=Kt-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!n,this.isSSR=s}notify(){if(this.flags|=16,!(this.flags&8)&&te!==this)return Si(this,!0),!0}get value(){const t=this.dep.track();return Ti(this),t&&(t.version=this.dep.version),this._value}set value(t){this.setter&&this.setter(t)}}function Bl(e,t,n=!1){let s,r;return q(e)?s=e:(s=e.get,r=e.set),new kl(s,r,n)}const hn={},Mn=new WeakMap;let ut;function Wl(e,t=!1,n=ut){if(n){let s=Mn.get(n);s||Mn.set(n,s=[]),s.push(e)}}function Kl(e,t,n=Z){const{immediate:s,deep:r,once:i,scheduler:o,augmentJob:l,call:c}=n,f=m=>r?m:Ie(m)||r===!1||r===0?qe(m,1):qe(m);let a,h,g,b,S=!1,_=!1;if(ae(e)?(h=()=>e.value,S=Ie(e)):pt(e)?(h=()=>f(e),S=!0):K(e)?(_=!0,S=e.some(m=>pt(m)||Ie(m)),h=()=>e.map(m=>{if(ae(m))return m.value;if(pt(m))return f(m);if(q(m))return c?c(m,2):m()})):q(e)?t?h=c?()=>c(e,2):e:h=()=>{if(g){it();try{g()}finally{ot()}}const m=ut;ut=a;try{return c?c(e,3,[b]):e(b)}finally{ut=m}}:h=ke,t&&r){const m=h,M=r===!0?1/0:r;h=()=>qe(m(),M)}const B=bi(),N=()=>{a.stop(),B&&Ds(B.effects,a)};if(i&&t){const m=t;t=(...M)=>{m(...M),N()}}let j=_?new Array(e.length).fill(hn):hn;const p=m=>{if(!(!(a.flags&1)||!a.dirty&&!m))if(t){const M=a.run();if(r||S||(_?M.some((F,$)=>tt(F,j[$])):tt(M,j))){g&&g();const F=ut;ut=a;try{const $=[M,j===hn?void 0:_&&j[0]===hn?[]:j,b];c?c(t,3,$):t(...$),j=M}finally{ut=F}}}else a.run()};return l&&l(p),a=new _i(h),a.scheduler=o?()=>o(p,!1):p,b=m=>Wl(m,!1,a),g=a.onStop=()=>{const m=Mn.get(a);if(m){if(c)c(m,4);else for(const M of m)M();Mn.delete(a)}},t?s?p(!0):j=a.run():o?o(p.bind(null,!0),!0):a.run(),N.pause=a.pause.bind(a),N.resume=a.resume.bind(a),N.stop=N,N}function qe(e,t=1/0,n){if(t<=0||!ne(e)||e.__v_skip||(n=n||new Set,n.has(e)))return e;if(n.add(e),t--,ae(e))qe(e.value,t,n);else if(K(e))for(let s=0;s<e.length;s++)qe(e[s],t,n);else if(fi(e)||Ct(e))e.forEach(s=>{qe(s,t,n)});else if(hi(e)){for(const s in e)qe(e[s],t,n);for(const s of Object.getOwnPropertySymbols(e))Object.prototype.propertyIsEnumerable.call(e,s)&&qe(e[s],t,n)}return e}/**
-* @vue/runtime-core v3.5.11
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/function en(e,t,n,s){try{return s?e(...s):e()}catch(r){tn(r,t,n)}}function He(e,t,n,s){if(q(e)){const r=en(e,t,n,s);return r&&ui(r)&&r.catch(i=>{tn(i,t,n)}),r}if(K(e)){const r=[];for(let i=0;i<e.length;i++)r.push(He(e[i],t,n,s));return r}}function tn(e,t,n,s=!0){const r=t?t.vnode:null,{errorHandler:i,throwUnhandledErrorInProduction:o}=t&&t.appContext.config||Z;if(t){let l=t.parent;const c=t.proxy,f=`https://vuejs.org/error-reference/#runtime-${n}`;for(;l;){const a=l.ec;if(a){for(let h=0;h<a.length;h++)if(a[h](e,c,f)===!1)return}l=l.parent}if(i){it(),en(i,null,10,[e,c,f]),ot();return}}ql(e,n,r,s,o)}function ql(e,t,n,s=!0,r=!1){if(r)throw e;console.error(e)}const we=[];let Ve=-1;const Rt=[];let Qe=null,St=0;const $i=Promise.resolve();let In=null;function Kn(e){const t=In||$i;return e?t.then(this?e.bind(this):e):t}function Gl(e){let t=Ve+1,n=we.length;for(;t<n;){const s=t+n>>>1,r=we[s],i=Gt(r);i<e||i===e&&r.flags&2?t=s+1:n=s}return t}function zs(e){if(!(e.flags&1)){const t=Gt(e),n=we[we.length-1];!n||!(e.flags&2)&&t>=Gt(n)?we.push(e):we.splice(Gl(t),0,e),e.flags|=1,Di()}}function Di(){In||(In=$i.then(ji))}function Yl(e){K(e)?Rt.push(...e):Qe&&e.id===-1?Qe.splice(St+1,0,e):e.flags&1||(Rt.push(e),e.flags|=1),Di()}function br(e,t,n=Ve+1){for(;n<we.length;n++){const s=we[n];if(s&&s.flags&2){if(e&&s.id!==e.uid)continue;we.splice(n,1),n--,s.flags&4&&(s.flags&=-2),s(),s.flags&4||(s.flags&=-2)}}}function Pn(e){if(Rt.length){const t=[...new Set(Rt)].sort((n,s)=>Gt(n)-Gt(s));if(Rt.length=0,Qe){Qe.push(...t);return}for(Qe=t,St=0;St<Qe.length;St++){const n=Qe[St];n.flags&4&&(n.flags&=-2),n.flags&8||n(),n.flags&=-2}Qe=null,St=0}}const Gt=e=>e.id==null?e.flags&2?-1:1/0:e.id;function ji(e){try{for(Ve=0;Ve<we.length;Ve++){const t=we[Ve];t&&!(t.flags&8)&&(t.flags&4&&(t.flags&=-2),en(t,t.i,t.i?15:14),t.flags&4||(t.flags&=-2))}}finally{for(;Ve<we.length;Ve++){const t=we[Ve];t&&(t.flags&=-2)}Ve=-1,we.length=0,Pn(),In=null,(we.length||Rt.length)&&ji()}}let de=null,Vi=null;function Ln(e){const t=de;return de=e,Vi=e&&e.type.__scopeId||null,t}function Xl(e,t=de,n){if(!t||e._n)return e;const s=(...r)=>{s._d&&Lr(-1);const i=Ln(t);let o;try{o=e(...r)}finally{Ln(i),s._d&&Lr(1)}return o};return s._n=!0,s._c=!0,s._d=!0,s}function If(e,t){if(de===null)return e;const n=zn(de),s=e.dirs||(e.dirs=[]);for(let r=0;r<t.length;r++){let[i,o,l,c=Z]=t[r];i&&(q(i)&&(i={mounted:i,updated:i}),i.deep&&qe(o),s.push({dir:i,instance:n,value:o,oldValue:void 0,arg:l,modifiers:c}))}return e}function Ue(e,t,n,s){const r=e.dirs,i=t&&t.dirs;for(let o=0;o<r.length;o++){const l=r[o];i&&(l.oldValue=i[o].value);let c=l.dir[s];c&&(it(),He(c,n,8,[e.el,l,e,t]),ot())}}const Ui=Symbol("_vte"),ki=e=>e.__isTeleport,Vt=e=>e&&(e.disabled||e.disabled===""),Jl=e=>e&&(e.defer||e.defer===""),_r=e=>typeof SVGElement<"u"&&e instanceof SVGElement,wr=e=>typeof MathMLElement=="function"&&e instanceof MathMLElement,Ts=(e,t)=>{const n=e&&e.to;return re(n)?t?t(n):null:n},zl={name:"Teleport",__isTeleport:!0,process(e,t,n,s,r,i,o,l,c,f){const{mc:a,pc:h,pbc:g,o:{insert:b,querySelector:S,createText:_,createComment:B}}=f,N=Vt(t.props);let{shapeFlag:j,children:p,dynamicChildren:m}=t;if(e==null){const M=t.el=_(""),F=t.anchor=_("");b(M,n,s),b(F,n,s);const $=(R,v)=>{j&16&&(r&&r.isCE&&(r.ce._teleportTarget=R),a(p,R,v,r,i,o,l,c))},V=()=>{const R=t.target=Ts(t.props,S),v=Bi(R,t,_,b);R&&(o!=="svg"&&_r(R)?o="svg":o!=="mathml"&&wr(R)&&(o="mathml"),N||($(R,v),Tn(t)))};N&&($(n,F),Tn(t)),Jl(t.props)?Ee(V,i):V()}else{t.el=e.el,t.targetStart=e.targetStart;const M=t.anchor=e.anchor,F=t.target=e.target,$=t.targetAnchor=e.targetAnchor,V=Vt(e.props),R=V?n:F,v=V?M:$;if(o==="svg"||_r(F)?o="svg":(o==="mathml"||wr(F))&&(o="mathml"),m?(g(e.dynamicChildren,m,R,r,i,o,l),nr(e,t,!0)):c||h(e,t,R,v,r,i,o,l,!1),N)V?t.props&&e.props&&t.props.to!==e.props.to&&(t.props.to=e.props.to):pn(t,n,M,f,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const L=t.target=Ts(t.props,S);L&&pn(t,L,null,f,0)}else V&&pn(t,F,$,f,1);Tn(t)}},remove(e,t,n,{um:s,o:{remove:r}},i){const{shapeFlag:o,children:l,anchor:c,targetStart:f,targetAnchor:a,target:h,props:g}=e;if(h&&(r(f),r(a)),i&&r(c),o&16){const b=i||!Vt(g);for(let S=0;S<l.length;S++){const _=l[S];s(_,t,n,b,!!_.dynamicChildren)}}},move:pn,hydrate:Ql};function pn(e,t,n,{o:{insert:s},m:r},i=2){i===0&&s(e.targetAnchor,t,n);const{el:o,anchor:l,shapeFlag:c,children:f,props:a}=e,h=i===2;if(h&&s(o,t,n),(!h||Vt(a))&&c&16)for(let g=0;g<f.length;g++)r(f[g],t,n,2);h&&s(l,t,n)}function Ql(e,t,n,s,r,i,{o:{nextSibling:o,parentNode:l,querySelector:c,insert:f,createText:a}},h){const g=t.target=Ts(t.props,c);if(g){const b=g._lpa||g.firstChild;if(t.shapeFlag&16)if(Vt(t.props))t.anchor=h(o(e),t,l(e),n,s,r,i),t.targetStart=b,t.targetAnchor=b&&o(b);else{t.anchor=o(e);let S=b;for(;S;){if(S&&S.nodeType===8){if(S.data==="teleport start anchor")t.targetStart=S;else if(S.data==="teleport anchor"){t.targetAnchor=S,g._lpa=t.targetAnchor&&o(t.targetAnchor);break}}S=o(S)}t.targetAnchor||Bi(g,t,a,f),h(b&&o(b),t,g,n,s,r,i)}Tn(t)}return t.anchor&&o(t.anchor)}const Pf=zl;function Tn(e){const t=e.ctx;if(t&&t.ut){let n=e.targetStart;for(;n&&n!==e.targetAnchor;)n.nodeType===1&&n.setAttribute("data-v-owner",t.uid),n=n.nextSibling;t.ut()}}function Bi(e,t,n,s){const r=t.targetStart=n(""),i=t.targetAnchor=n("");return r[Ui]=i,e&&(s(r,e),s(i,e)),i}const Ze=Symbol("_leaveCb"),gn=Symbol("_enterCb");function Zl(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return Pt(()=>{e.isMounted=!0}),Ji(()=>{e.isUnmounting=!0}),e}const Re=[Function,Array],Wi={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:Re,onEnter:Re,onAfterEnter:Re,onEnterCancelled:Re,onBeforeLeave:Re,onLeave:Re,onAfterLeave:Re,onLeaveCancelled:Re,onBeforeAppear:Re,onAppear:Re,onAfterAppear:Re,onAppearCancelled:Re},Ki=e=>{const t=e.subTree;return t.component?Ki(t.component):t},ec={name:"BaseTransition",props:Wi,setup(e,{slots:t}){const n=Jn(),s=Zl();return()=>{const r=t.default&&Yi(t.default(),!0);if(!r||!r.length)return;const i=qi(r),o=J(e),{mode:l}=o;if(s.isLeaving)return is(i);const c=Sr(i);if(!c)return is(i);let f=Cs(c,o,s,n,g=>f=g);c.type!==ye&&Yt(c,f);const a=n.subTree,h=a&&Sr(a);if(h&&h.type!==ye&&!dt(c,h)&&Ki(n).type!==ye){const g=Cs(h,o,s,n);if(Yt(h,g),l==="out-in"&&c.type!==ye)return s.isLeaving=!0,g.afterLeave=()=>{s.isLeaving=!1,n.job.flags&8||n.update(),delete g.afterLeave},is(i);l==="in-out"&&c.type!==ye&&(g.delayLeave=(b,S,_)=>{const B=Gi(s,h);B[String(h.key)]=h,b[Ze]=()=>{S(),b[Ze]=void 0,delete f.delayedLeave},f.delayedLeave=_})}return i}}};function qi(e){let t=e[0];if(e.length>1){for(const n of e)if(n.type!==ye){t=n;break}}return t}const tc=ec;function Gi(e,t){const{leavingVNodes:n}=e;let s=n.get(t.type);return s||(s=Object.create(null),n.set(t.type,s)),s}function Cs(e,t,n,s,r){const{appear:i,mode:o,persisted:l=!1,onBeforeEnter:c,onEnter:f,onAfterEnter:a,onEnterCancelled:h,onBeforeLeave:g,onLeave:b,onAfterLeave:S,onLeaveCancelled:_,onBeforeAppear:B,onAppear:N,onAfterAppear:j,onAppearCancelled:p}=t,m=String(e.key),M=Gi(n,e),F=(R,v)=>{R&&He(R,s,9,v)},$=(R,v)=>{const L=v[1];F(R,v),K(R)?R.every(x=>x.length<=1)&&L():R.length<=1&&L()},V={mode:o,persisted:l,beforeEnter(R){let v=c;if(!n.isMounted)if(i)v=B||c;else return;R[Ze]&&R[Ze](!0);const L=M[m];L&&dt(e,L)&&L.el[Ze]&&L.el[Ze](),F(v,[R])},enter(R){let v=f,L=a,x=h;if(!n.isMounted)if(i)v=N||f,L=j||a,x=p||h;else return;let W=!1;const se=R[gn]=ce=>{W||(W=!0,ce?F(x,[R]):F(L,[R]),V.delayedLeave&&V.delayedLeave(),R[gn]=void 0)};v?$(v,[R,se]):se()},leave(R,v){const L=String(e.key);if(R[gn]&&R[gn](!0),n.isUnmounting)return v();F(g,[R]);let x=!1;const W=R[Ze]=se=>{x||(x=!0,v(),se?F(_,[R]):F(S,[R]),R[Ze]=void 0,M[L]===e&&delete M[L])};M[L]=e,b?$(b,[R,W]):W()},clone(R){const v=Cs(R,t,n,s,r);return r&&r(v),v}};return V}function is(e){if(nn(e))return e=nt(e),e.children=null,e}function Sr(e){if(!nn(e))return ki(e.type)&&e.children?qi(e.children):e;const{shapeFlag:t,children:n}=e;if(n){if(t&16)return n[0];if(t&32&&q(n.default))return n.default()}}function Yt(e,t){e.shapeFlag&6&&e.component?(e.transition=t,Yt(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Yi(e,t=!1,n){let s=[],r=0;for(let i=0;i<e.length;i++){let o=e[i];const l=n==null?o.key:String(n)+String(o.key!=null?o.key:i);o.type===Se?(o.patchFlag&128&&r++,s=s.concat(Yi(o.children,t,l))):(t||o.type!==ye)&&s.push(l!=null?nt(o,{key:l}):o)}if(r>1)for(let i=0;i<s.length;i++)s[i].patchFlag=-2;return s}/*! #__NO_SIDE_EFFECTS__ */function Qs(e,t){return q(e)?fe({name:e.name},t,{setup:e}):e}function Zs(e){e.ids=[e.ids[0]+e.ids[2]+++"-",0,0]}function Nn(e,t,n,s,r=!1){if(K(e)){e.forEach((S,_)=>Nn(S,t&&(K(t)?t[_]:t),n,s,r));return}if(gt(s)&&!r)return;const i=s.shapeFlag&4?zn(s.component):s.el,o=r?null:i,{i:l,r:c}=e,f=t&&t.r,a=l.refs===Z?l.refs={}:l.refs,h=l.setupState,g=J(h),b=h===Z?()=>!1:S=>z(g,S);if(f!=null&&f!==c&&(re(f)?(a[f]=null,b(f)&&(h[f]=null)):ae(f)&&(f.value=null)),q(c))en(c,l,12,[o,a]);else{const S=re(c),_=ae(c);if(S||_){const B=()=>{if(e.f){const N=S?b(c)?h[c]:a[c]:c.value;r?K(N)&&Ds(N,i):K(N)?N.includes(i)||N.push(i):S?(a[c]=[i],b(c)&&(h[c]=a[c])):(c.value=[i],e.k&&(a[e.k]=c.value))}else S?(a[c]=o,b(c)&&(h[c]=o)):_&&(c.value=o,e.k&&(a[e.k]=o))};o?(B.id=-1,Ee(B,n)):B()}}}let Er=!1;const wt=()=>{Er||(console.error("Hydration completed but contains mismatches."),Er=!0)},nc=e=>e.namespaceURI.includes("svg")&&e.tagName!=="foreignObject",sc=e=>e.namespaceURI.includes("MathML"),mn=e=>{if(e.nodeType===1){if(nc(e))return"svg";if(sc(e))return"mathml"}},xt=e=>e.nodeType===8;function rc(e){const{mt:t,p:n,o:{patchProp:s,createText:r,nextSibling:i,parentNode:o,remove:l,insert:c,createComment:f}}=e,a=(p,m)=>{if(!m.hasChildNodes()){n(null,p,m),Pn(),m._vnode=p;return}h(m.firstChild,p,null,null,null),Pn(),m._vnode=p},h=(p,m,M,F,$,V=!1)=>{V=V||!!m.dynamicChildren;const R=xt(p)&&p.data==="[",v=()=>_(p,m,M,F,$,R),{type:L,ref:x,shapeFlag:W,patchFlag:se}=m;let ce=p.nodeType;m.el=p,se===-2&&(V=!1,m.dynamicChildren=null);let U=null;switch(L){case mt:ce!==3?m.children===""?(c(m.el=r(""),o(p),p),U=p):U=v():(p.data!==m.children&&(wt(),p.data=m.children),U=i(p));break;case ye:j(p)?(U=i(p),N(m.el=p.content.firstChild,p,M)):ce!==8||R?U=v():U=i(p);break;case kt:if(R&&(p=i(p),ce=p.nodeType),ce===1||ce===3){U=p;const Y=!m.children.length;for(let D=0;D<m.staticCount;D++)Y&&(m.children+=U.nodeType===1?U.outerHTML:U.data),D===m.staticCount-1&&(m.anchor=U),U=i(U);return R?i(U):U}else v();break;case Se:R?U=S(p,m,M,F,$,V):U=v();break;default:if(W&1)(ce!==1||m.type.toLowerCase()!==p.tagName.toLowerCase())&&!j(p)?U=v():U=g(p,m,M,F,$,V);else if(W&6){m.slotScopeIds=$;const Y=o(p);if(R?U=B(p):xt(p)&&p.data==="teleport start"?U=B(p,p.data,"teleport end"):U=i(p),t(m,Y,null,M,F,mn(Y),V),gt(m)){let D;R?(D=le(Se),D.anchor=U?U.previousSibling:Y.lastChild):D=p.nodeType===3?Eo(""):le("div"),D.el=p,m.component.subTree=D}}else W&64?ce!==8?U=v():U=m.type.hydrate(p,m,M,F,$,V,e,b):W&128&&(U=m.type.hydrate(p,m,M,F,mn(o(p)),$,V,e,h))}return x!=null&&Nn(x,null,F,m),U},g=(p,m,M,F,$,V)=>{V=V||!!m.dynamicChildren;const{type:R,props:v,patchFlag:L,shapeFlag:x,dirs:W,transition:se}=m,ce=R==="input"||R==="option";if(ce||L!==-1){W&&Ue(m,null,M,"created");let U=!1;if(j(p)){U=po(F,se)&&M&&M.vnode.props&&M.vnode.props.appear;const D=p.content.firstChild;U&&se.beforeEnter(D),N(D,p,M),m.el=p=D}if(x&16&&!(v&&(v.innerHTML||v.textContent))){let D=b(p.firstChild,m,p,M,F,$,V);for(;D;){yn(p,1)||wt();const he=D;D=D.nextSibling,l(he)}}else if(x&8){let D=m.children;D[0]===`
-`&&(p.tagName==="PRE"||p.tagName==="TEXTAREA")&&(D=D.slice(1)),p.textContent!==D&&(yn(p,0)||wt(),p.textContent=m.children)}if(v){if(ce||!V||L&48){const D=p.tagName.includes("-");for(const he in v)(ce&&(he.endsWith("value")||he==="indeterminate")||Zt(he)&&!At(he)||he[0]==="."||D)&&s(p,he,null,v[he],void 0,M)}else if(v.onClick)s(p,"onClick",null,v.onClick,void 0,M);else if(L&4&&pt(v.style))for(const D in v.style)v.style[D]}let Y;(Y=v&&v.onVnodeBeforeMount)&&Oe(Y,M,m),W&&Ue(m,null,M,"beforeMount"),((Y=v&&v.onVnodeMounted)||W||U)&&bo(()=>{Y&&Oe(Y,M,m),U&&se.enter(p),W&&Ue(m,null,M,"mounted")},F)}return p.nextSibling},b=(p,m,M,F,$,V,R)=>{R=R||!!m.dynamicChildren;const v=m.children,L=v.length;for(let x=0;x<L;x++){const W=R?v[x]:v[x]=Me(v[x]),se=W.type===mt;p?(se&&!R&&x+1<L&&Me(v[x+1]).type===mt&&(c(r(p.data.slice(W.children.length)),M,i(p)),p.data=W.children),p=h(p,W,F,$,V,R)):se&&!W.children?c(W.el=r(""),M):(yn(M,1)||wt(),n(null,W,M,null,F,$,mn(M),V))}return p},S=(p,m,M,F,$,V)=>{const{slotScopeIds:R}=m;R&&($=$?$.concat(R):R);const v=o(p),L=b(i(p),m,v,M,F,$,V);return L&&xt(L)&&L.data==="]"?i(m.anchor=L):(wt(),c(m.anchor=f("]"),v,L),L)},_=(p,m,M,F,$,V)=>{if(yn(p.parentElement,1)||wt(),m.el=null,V){const L=B(p);for(;;){const x=i(p);if(x&&x!==L)l(x);else break}}const R=i(p),v=o(p);return l(p),n(null,m,v,R,M,F,mn(v),$),R},B=(p,m="[",M="]")=>{let F=0;for(;p;)if(p=i(p),p&&xt(p)&&(p.data===m&&F++,p.data===M)){if(F===0)return i(p);F--}return p},N=(p,m,M)=>{const F=m.parentNode;F&&F.replaceChild(p,m);let $=M;for(;$;)$.vnode.el===m&&($.vnode.el=$.subTree.el=p),$=$.parent},j=p=>p.nodeType===1&&p.tagName==="TEMPLATE";return[a,h]}const xr="data-allow-mismatch",ic={0:"text",1:"children",2:"class",3:"style",4:"attribute"};function yn(e,t){if(t===0||t===1)for(;e&&!e.hasAttribute(xr);)e=e.parentElement;const n=e&&e.getAttribute(xr);if(n==null)return!1;if(n==="")return!0;{const s=n.split(",");return t===0&&s.includes("children")?!0:n.split(",").includes(ic[t])}}function oc(e,t){if(xt(e)&&e.data==="["){let n=1,s=e.nextSibling;for(;s;){if(s.nodeType===1){if(t(s)===!1)break}else if(xt(s))if(s.data==="]"){if(--n===0)break}else s.data==="["&&n++;s=s.nextSibling}}else t(e)}const gt=e=>!!e.type.__asyncLoader;/*! #__NO_SIDE_EFFECTS__ */function Lf(e){q(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:s,delay:r=200,hydrate:i,timeout:o,suspensible:l=!0,onError:c}=e;let f=null,a,h=0;const g=()=>(h++,f=null,b()),b=()=>{let S;return f||(S=f=t().catch(_=>{if(_=_ instanceof Error?_:new Error(String(_)),c)return new Promise((B,N)=>{c(_,()=>B(g()),()=>N(_),h+1)});throw _}).then(_=>S!==f&&f?f:(_&&(_.__esModule||_[Symbol.toStringTag]==="Module")&&(_=_.default),a=_,_)))};return Qs({name:"AsyncComponentWrapper",__asyncLoader:b,__asyncHydrate(S,_,B){const N=i?()=>{const j=i(B,p=>oc(S,p));j&&(_.bum||(_.bum=[])).push(j)}:B;a?N():b().then(()=>!_.isUnmounted&&N())},get __asyncResolved(){return a},setup(){const S=ue;if(Zs(S),a)return()=>os(a,S);const _=p=>{f=null,tn(p,S,13,!s)};if(l&&S.suspense||rn)return b().then(p=>()=>os(p,S)).catch(p=>(_(p),()=>s?le(s,{error:p}):null));const B=oe(!1),N=oe(),j=oe(!!r);return r&&setTimeout(()=>{j.value=!1},r),o!=null&&setTimeout(()=>{if(!B.value&&!N.value){const p=new Error(`Async component timed out after ${o}ms.`);_(p),N.value=p}},o),b().then(()=>{B.value=!0,S.parent&&nn(S.parent.vnode)&&S.parent.update()}).catch(p=>{_(p),N.value=p}),()=>{if(B.value&&a)return os(a,S);if(N.value&&s)return le(s,{error:N.value});if(n&&!j.value)return le(n)}}})}function os(e,t){const{ref:n,props:s,children:r,ce:i}=t.vnode,o=le(e,s,r);return o.ref=n,o.ce=i,delete t.vnode.ce,o}const nn=e=>e.type.__isKeepAlive;function lc(e,t){Xi(e,"a",t)}function cc(e,t){Xi(e,"da",t)}function Xi(e,t,n=ue){const s=e.__wdc||(e.__wdc=()=>{let r=n;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(qn(t,s,n),n){let r=n.parent;for(;r&&r.parent;)nn(r.parent.vnode)&&ac(s,t,n,r),r=r.parent}}function ac(e,t,n,s){const r=qn(t,e,s,!0);Gn(()=>{Ds(s[t],r)},n)}function qn(e,t,n=ue,s=!1){if(n){const r=n[e]||(n[e]=[]),i=t.__weh||(t.__weh=(...o)=>{it();const l=sn(n),c=He(t,n,e,o);return l(),ot(),c});return s?r.unshift(i):r.push(i),i}}const Ye=e=>(t,n=ue)=>{(!rn||e==="sp")&&qn(e,(...s)=>t(...s),n)},fc=Ye("bm"),Pt=Ye("m"),uc=Ye("bu"),dc=Ye("u"),Ji=Ye("bum"),Gn=Ye("um"),hc=Ye("sp"),pc=Ye("rtg"),gc=Ye("rtc");function mc(e,t=ue){qn("ec",e,t)}const zi="components";function Nf(e,t){return Zi(zi,e,!0,t)||e}const Qi=Symbol.for("v-ndc");function Ff(e){return re(e)?Zi(zi,e,!1)||e:e||Qi}function Zi(e,t,n=!0,s=!1){const r=de||ue;if(r){const i=r.type;{const l=ta(i,!1);if(l&&(l===t||l===Pe(t)||l===jn(Pe(t))))return i}const o=Tr(r[e]||i[e],t)||Tr(r.appContext[e],t);return!o&&s?i:o}}function Tr(e,t){return e&&(e[t]||e[Pe(t)]||e[jn(Pe(t))])}function Hf(e,t,n,s){let r;const i=n,o=K(e);if(o||re(e)){const l=o&&pt(e);let c=!1;l&&(c=!Ie(e),e=Un(e)),r=new Array(e.length);for(let f=0,a=e.length;f<a;f++)r[f]=t(c?me(e[f]):e[f],f,void 0,i)}else if(typeof e=="number"){r=new Array(e);for(let l=0;l<e;l++)r[l]=t(l+1,l,void 0,i)}else if(ne(e))if(e[Symbol.iterator])r=Array.from(e,(l,c)=>t(l,c,void 0,i));else{const l=Object.keys(e);r=new Array(l.length);for(let c=0,f=l.length;c<f;c++){const a=l[c];r[c]=t(e[a],a,c,i)}}else r=[];return r}function $f(e,t,n={},s,r){if(de.ce||de.parent&&gt(de.parent)&&de.parent.ce)return t!=="default"&&(n.name=t),Is(),Ps(Se,null,[le("slot",n,s&&s())],64);let i=e[t];i&&i._c&&(i._d=!1),Is();const o=i&&eo(i(n)),l=Ps(Se,{key:(n.key||o&&o.key||`_${t}`)+(!o&&s?"_fb":"")},o||(s?s():[]),o&&e._===1?64:-2);return!r&&l.scopeId&&(l.slotScopeIds=[l.scopeId+"-s"]),i&&i._c&&(i._d=!0),l}function eo(e){return e.some(t=>Jt(t)?!(t.type===ye||t.type===Se&&!eo(t.children)):!0)?e:null}function Df(e,t){const n={};for(const s in e)n[/[A-Z]/.test(s)?`on:${s}`:Sn(s)]=e[s];return n}const As=e=>e?xo(e)?zn(e):As(e.parent):null,Ut=fe(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>As(e.parent),$root:e=>As(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>er(e),$forceUpdate:e=>e.f||(e.f=()=>{zs(e.update)}),$nextTick:e=>e.n||(e.n=Kn.bind(e.proxy)),$watch:e=>Dc.bind(e)}),ls=(e,t)=>e!==Z&&!e.__isScriptSetup&&z(e,t),yc={get({_:e},t){if(t==="__v_skip")return!0;const{ctx:n,setupState:s,data:r,props:i,accessCache:o,type:l,appContext:c}=e;let f;if(t[0]!=="$"){const b=o[t];if(b!==void 0)switch(b){case 1:return s[t];case 2:return r[t];case 4:return n[t];case 3:return i[t]}else{if(ls(s,t))return o[t]=1,s[t];if(r!==Z&&z(r,t))return o[t]=2,r[t];if((f=e.propsOptions[0])&&z(f,t))return o[t]=3,i[t];if(n!==Z&&z(n,t))return o[t]=4,n[t];Rs&&(o[t]=0)}}const a=Ut[t];let h,g;if(a)return t==="$attrs"&&ve(e.attrs,"get",""),a(e);if((h=l.__cssModules)&&(h=h[t]))return h;if(n!==Z&&z(n,t))return o[t]=4,n[t];if(g=c.config.globalProperties,z(g,t))return g[t]},set({_:e},t,n){const{data:s,setupState:r,ctx:i}=e;return ls(r,t)?(r[t]=n,!0):s!==Z&&z(s,t)?(s[t]=n,!0):z(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:s,appContext:r,propsOptions:i}},o){let l;return!!n[o]||e!==Z&&z(e,o)||ls(t,o)||(l=i[0])&&z(l,o)||z(s,o)||z(Ut,o)||z(r.config.globalProperties,o)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:z(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function jf(){return vc().slots}function vc(){const e=Jn();return e.setupContext||(e.setupContext=Co(e))}function Cr(e){return K(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let Rs=!0;function bc(e){const t=er(e),n=e.proxy,s=e.ctx;Rs=!1,t.beforeCreate&&Ar(t.beforeCreate,e,"bc");const{data:r,computed:i,methods:o,watch:l,provide:c,inject:f,created:a,beforeMount:h,mounted:g,beforeUpdate:b,updated:S,activated:_,deactivated:B,beforeDestroy:N,beforeUnmount:j,destroyed:p,unmounted:m,render:M,renderTracked:F,renderTriggered:$,errorCaptured:V,serverPrefetch:R,expose:v,inheritAttrs:L,components:x,directives:W,filters:se}=t;if(f&&_c(f,s,null),o)for(const Y in o){const D=o[Y];q(D)&&(s[Y]=D.bind(n))}if(r){const Y=r.call(n,n);ne(Y)&&(e.data=Bn(Y))}if(Rs=!0,i)for(const Y in i){const D=i[Y],he=q(D)?D.bind(n,n):q(D.get)?D.get.bind(n,n):ke,on=!q(D)&&q(D.set)?D.set.bind(n):ke,lt=ie({get:he,set:on});Object.defineProperty(s,Y,{enumerable:!0,configurable:!0,get:()=>lt.value,set:De=>lt.value=De})}if(l)for(const Y in l)to(l[Y],s,n,Y);if(c){const Y=q(c)?c.call(n):c;Reflect.ownKeys(Y).forEach(D=>{Cc(D,Y[D])})}a&&Ar(a,e,"c");function U(Y,D){K(D)?D.forEach(he=>Y(he.bind(n))):D&&Y(D.bind(n))}if(U(fc,h),U(Pt,g),U(uc,b),U(dc,S),U(lc,_),U(cc,B),U(mc,V),U(gc,F),U(pc,$),U(Ji,j),U(Gn,m),U(hc,R),K(v))if(v.length){const Y=e.exposed||(e.exposed={});v.forEach(D=>{Object.defineProperty(Y,D,{get:()=>n[D],set:he=>n[D]=he})})}else e.exposed||(e.exposed={});M&&e.render===ke&&(e.render=M),L!=null&&(e.inheritAttrs=L),x&&(e.components=x),W&&(e.directives=W),R&&Zs(e)}function _c(e,t,n=ke){K(e)&&(e=Os(e));for(const s in e){const r=e[s];let i;ne(r)?"default"in r?i=Mt(r.from||s,r.default,!0):i=Mt(r.from||s):i=Mt(r),ae(i)?Object.defineProperty(t,s,{enumerable:!0,configurable:!0,get:()=>i.value,set:o=>i.value=o}):t[s]=i}}function Ar(e,t,n){He(K(e)?e.map(s=>s.bind(t.proxy)):e.bind(t.proxy),t,n)}function to(e,t,n,s){let r=s.includes(".")?mo(n,s):()=>n[s];if(re(e)){const i=t[e];q(i)&&Fe(r,i)}else if(q(e))Fe(r,e.bind(n));else if(ne(e))if(K(e))e.forEach(i=>to(i,t,n,s));else{const i=q(e.handler)?e.handler.bind(n):t[e.handler];q(i)&&Fe(r,i,e)}}function er(e){const t=e.type,{mixins:n,extends:s}=t,{mixins:r,optionsCache:i,config:{optionMergeStrategies:o}}=e.appContext,l=i.get(t);let c;return l?c=l:!r.length&&!n&&!s?c=t:(c={},r.length&&r.forEach(f=>Fn(c,f,o,!0)),Fn(c,t,o)),ne(t)&&i.set(t,c),c}function Fn(e,t,n,s=!1){const{mixins:r,extends:i}=t;i&&Fn(e,i,n,!0),r&&r.forEach(o=>Fn(e,o,n,!0));for(const o in t)if(!(s&&o==="expose")){const l=wc[o]||n&&n[o];e[o]=l?l(e[o],t[o]):t[o]}return e}const wc={data:Rr,props:Or,emits:Or,methods:$t,computed:$t,beforeCreate:be,created:be,beforeMount:be,mounted:be,beforeUpdate:be,updated:be,beforeDestroy:be,beforeUnmount:be,destroyed:be,unmounted:be,activated:be,deactivated:be,errorCaptured:be,serverPrefetch:be,components:$t,directives:$t,watch:Ec,provide:Rr,inject:Sc};function Rr(e,t){return t?e?function(){return fe(q(e)?e.call(this,this):e,q(t)?t.call(this,this):t)}:t:e}function Sc(e,t){return $t(Os(e),Os(t))}function Os(e){if(K(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function be(e,t){return e?[...new Set([].concat(e,t))]:t}function $t(e,t){return e?fe(Object.create(null),e,t):t}function Or(e,t){return e?K(e)&&K(t)?[...new Set([...e,...t])]:fe(Object.create(null),Cr(e),Cr(t??{})):t}function Ec(e,t){if(!e)return t;if(!t)return e;const n=fe(Object.create(null),e);for(const s in t)n[s]=be(e[s],t[s]);return n}function no(){return{app:null,config:{isNativeTag:Jo,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let xc=0;function Tc(e,t){return function(s,r=null){q(s)||(s=fe({},s)),r!=null&&!ne(r)&&(r=null);const i=no(),o=new WeakSet,l=[];let c=!1;const f=i.app={_uid:xc++,_component:s,_props:r,_container:null,_context:i,_instance:null,version:sa,get config(){return i.config},set config(a){},use(a,...h){return o.has(a)||(a&&q(a.install)?(o.add(a),a.install(f,...h)):q(a)&&(o.add(a),a(f,...h))),f},mixin(a){return i.mixins.includes(a)||i.mixins.push(a),f},component(a,h){return h?(i.components[a]=h,f):i.components[a]},directive(a,h){return h?(i.directives[a]=h,f):i.directives[a]},mount(a,h,g){if(!c){const b=f._ceVNode||le(s,r);return b.appContext=i,g===!0?g="svg":g===!1&&(g=void 0),h&&t?t(b,a):e(b,a,g),c=!0,f._container=a,a.__vue_app__=f,zn(b.component)}},onUnmount(a){l.push(a)},unmount(){c&&(He(l,f._instance,16),e(null,f._container),delete f._container.__vue_app__)},provide(a,h){return i.provides[a]=h,f},runWithContext(a){const h=Ot;Ot=f;try{return a()}finally{Ot=h}}};return f}}let Ot=null;function Cc(e,t){if(ue){let n=ue.provides;const s=ue.parent&&ue.parent.provides;s===n&&(n=ue.provides=Object.create(s)),n[e]=t}}function Mt(e,t,n=!1){const s=ue||de;if(s||Ot){const r=Ot?Ot._context.provides:s?s.parent==null?s.vnode.appContext&&s.vnode.appContext.provides:s.parent.provides:void 0;if(r&&e in r)return r[e];if(arguments.length>1)return n&&q(t)?t.call(s&&s.proxy):t}}const so={},ro=()=>Object.create(so),io=e=>Object.getPrototypeOf(e)===so;function Ac(e,t,n,s=!1){const r={},i=ro();e.propsDefaults=Object.create(null),oo(e,t,r,i);for(const o in e.propsOptions[0])o in r||(r[o]=void 0);n?e.props=s?r:Ll(r):e.type.props?e.props=r:e.props=i,e.attrs=i}function Rc(e,t,n,s){const{props:r,attrs:i,vnode:{patchFlag:o}}=e,l=J(r),[c]=e.propsOptions;let f=!1;if((s||o>0)&&!(o&16)){if(o&8){const a=e.vnode.dynamicProps;for(let h=0;h<a.length;h++){let g=a[h];if(Xn(e.emitsOptions,g))continue;const b=t[g];if(c)if(z(i,g))b!==i[g]&&(i[g]=b,f=!0);else{const S=Pe(g);r[S]=Ms(c,l,S,b,e,!1)}else b!==i[g]&&(i[g]=b,f=!0)}}}else{oo(e,t,r,i)&&(f=!0);let a;for(const h in l)(!t||!z(t,h)&&((a=rt(h))===h||!z(t,a)))&&(c?n&&(n[h]!==void 0||n[a]!==void 0)&&(r[h]=Ms(c,l,h,void 0,e,!0)):delete r[h]);if(i!==l)for(const h in i)(!t||!z(t,h))&&(delete i[h],f=!0)}f&&Ge(e.attrs,"set","")}function oo(e,t,n,s){const[r,i]=e.propsOptions;let o=!1,l;if(t)for(let c in t){if(At(c))continue;const f=t[c];let a;r&&z(r,a=Pe(c))?!i||!i.includes(a)?n[a]=f:(l||(l={}))[a]=f:Xn(e.emitsOptions,c)||(!(c in s)||f!==s[c])&&(s[c]=f,o=!0)}if(i){const c=J(n),f=l||Z;for(let a=0;a<i.length;a++){const h=i[a];n[h]=Ms(r,c,h,f[h],e,!z(f,h))}}return o}function Ms(e,t,n,s,r,i){const o=e[n];if(o!=null){const l=z(o,"default");if(l&&s===void 0){const c=o.default;if(o.type!==Function&&!o.skipFactory&&q(c)){const{propsDefaults:f}=r;if(n in f)s=f[n];else{const a=sn(r);s=f[n]=c.call(null,t),a()}}else s=c;r.ce&&r.ce._setProp(n,s)}o[0]&&(i&&!l?s=!1:o[1]&&(s===""||s===rt(n))&&(s=!0))}return s}const Oc=new WeakMap;function lo(e,t,n=!1){const s=n?Oc:t.propsCache,r=s.get(e);if(r)return r;const i=e.props,o={},l=[];let c=!1;if(!q(e)){const a=h=>{c=!0;const[g,b]=lo(h,t,!0);fe(o,g),b&&l.push(...b)};!n&&t.mixins.length&&t.mixins.forEach(a),e.extends&&a(e.extends),e.mixins&&e.mixins.forEach(a)}if(!i&&!c)return ne(e)&&s.set(e,Tt),Tt;if(K(i))for(let a=0;a<i.length;a++){const h=Pe(i[a]);Mr(h)&&(o[h]=Z)}else if(i)for(const a in i){const h=Pe(a);if(Mr(h)){const g=i[a],b=o[h]=K(g)||q(g)?{type:g}:fe({},g),S=b.type;let _=!1,B=!0;if(K(S))for(let N=0;N<S.length;++N){const j=S[N],p=q(j)&&j.name;if(p==="Boolean"){_=!0;break}else p==="String"&&(B=!1)}else _=q(S)&&S.name==="Boolean";b[0]=_,b[1]=B,(_||z(b,"default"))&&l.push(h)}}const f=[o,l];return ne(e)&&s.set(e,f),f}function Mr(e){return e[0]!=="$"&&!At(e)}const co=e=>e[0]==="_"||e==="$stable",tr=e=>K(e)?e.map(Me):[Me(e)],Mc=(e,t,n)=>{if(t._n)return t;const s=Xl((...r)=>tr(t(...r)),n);return s._c=!1,s},ao=(e,t,n)=>{const s=e._ctx;for(const r in e){if(co(r))continue;const i=e[r];if(q(i))t[r]=Mc(r,i,s);else if(i!=null){const o=tr(i);t[r]=()=>o}}},fo=(e,t)=>{const n=tr(t);e.slots.default=()=>n},uo=(e,t,n)=>{for(const s in t)(n||s!=="_")&&(e[s]=t[s])},Ic=(e,t,n)=>{const s=e.slots=ro();if(e.vnode.shapeFlag&32){const r=t._;r?(uo(s,t,n),n&&pi(s,"_",r,!0)):ao(t,s)}else t&&fo(e,t)},Pc=(e,t,n)=>{const{vnode:s,slots:r}=e;let i=!0,o=Z;if(s.shapeFlag&32){const l=t._;l?n&&l===1?i=!1:uo(r,t,n):(i=!t.$stable,ao(t,r)),o=t}else t&&(fo(e,t),o={default:1});if(i)for(const l in r)!co(l)&&o[l]==null&&delete r[l]},Ee=bo;function Lc(e){return ho(e)}function Nc(e){return ho(e,rc)}function ho(e,t){const n=gi();n.__VUE__=!0;const{insert:s,remove:r,patchProp:i,createElement:o,createText:l,createComment:c,setText:f,setElementText:a,parentNode:h,nextSibling:g,setScopeId:b=ke,insertStaticContent:S}=e,_=(u,d,y,T=null,w=null,E=null,I=void 0,O=null,A=!!d.dynamicChildren)=>{if(u===d)return;u&&!dt(u,d)&&(T=ln(u),De(u,w,E,!0),u=null),d.patchFlag===-2&&(A=!1,d.dynamicChildren=null);const{type:C,ref:k,shapeFlag:P}=d;switch(C){case mt:B(u,d,y,T);break;case ye:N(u,d,y,T);break;case kt:u==null&&j(d,y,T,I);break;case Se:x(u,d,y,T,w,E,I,O,A);break;default:P&1?M(u,d,y,T,w,E,I,O,A):P&6?W(u,d,y,T,w,E,I,O,A):(P&64||P&128)&&C.process(u,d,y,T,w,E,I,O,A,bt)}k!=null&&w&&Nn(k,u&&u.ref,E,d||u,!d)},B=(u,d,y,T)=>{if(u==null)s(d.el=l(d.children),y,T);else{const w=d.el=u.el;d.children!==u.children&&f(w,d.children)}},N=(u,d,y,T)=>{u==null?s(d.el=c(d.children||""),y,T):d.el=u.el},j=(u,d,y,T)=>{[u.el,u.anchor]=S(u.children,d,y,T,u.el,u.anchor)},p=({el:u,anchor:d},y,T)=>{let w;for(;u&&u!==d;)w=g(u),s(u,y,T),u=w;s(d,y,T)},m=({el:u,anchor:d})=>{let y;for(;u&&u!==d;)y=g(u),r(u),u=y;r(d)},M=(u,d,y,T,w,E,I,O,A)=>{d.type==="svg"?I="svg":d.type==="math"&&(I="mathml"),u==null?F(d,y,T,w,E,I,O,A):R(u,d,w,E,I,O,A)},F=(u,d,y,T,w,E,I,O)=>{let A,C;const{props:k,shapeFlag:P,transition:H,dirs:G}=u;if(A=u.el=o(u.type,E,k&&k.is,k),P&8?a(A,u.children):P&16&&V(u.children,A,null,T,w,cs(u,E),I,O),G&&Ue(u,null,T,"created"),$(A,u,u.scopeId,I,T),k){for(const ee in k)ee!=="value"&&!At(ee)&&i(A,ee,null,k[ee],E,T);"value"in k&&i(A,"value",null,k.value,E),(C=k.onVnodeBeforeMount)&&Oe(C,T,u)}G&&Ue(u,null,T,"beforeMount");const X=po(w,H);X&&H.beforeEnter(A),s(A,d,y),((C=k&&k.onVnodeMounted)||X||G)&&Ee(()=>{C&&Oe(C,T,u),X&&H.enter(A),G&&Ue(u,null,T,"mounted")},w)},$=(u,d,y,T,w)=>{if(y&&b(u,y),T)for(let E=0;E<T.length;E++)b(u,T[E]);if(w){let E=w.subTree;if(d===E||vo(E.type)&&(E.ssContent===d||E.ssFallback===d)){const I=w.vnode;$(u,I,I.scopeId,I.slotScopeIds,w.parent)}}},V=(u,d,y,T,w,E,I,O,A=0)=>{for(let C=A;C<u.length;C++){const k=u[C]=O?et(u[C]):Me(u[C]);_(null,k,d,y,T,w,E,I,O)}},R=(u,d,y,T,w,E,I)=>{const O=d.el=u.el;let{patchFlag:A,dynamicChildren:C,dirs:k}=d;A|=u.patchFlag&16;const P=u.props||Z,H=d.props||Z;let G;if(y&&ct(y,!1),(G=H.onVnodeBeforeUpdate)&&Oe(G,y,d,u),k&&Ue(d,u,y,"beforeUpdate"),y&&ct(y,!0),(P.innerHTML&&H.innerHTML==null||P.textContent&&H.textContent==null)&&a(O,""),C?v(u.dynamicChildren,C,O,y,T,cs(d,w),E):I||D(u,d,O,null,y,T,cs(d,w),E,!1),A>0){if(A&16)L(O,P,H,y,w);else if(A&2&&P.class!==H.class&&i(O,"class",null,H.class,w),A&4&&i(O,"style",P.style,H.style,w),A&8){const X=d.dynamicProps;for(let ee=0;ee<X.length;ee++){const Q=X[ee],xe=P[Q],pe=H[Q];(pe!==xe||Q==="value")&&i(O,Q,xe,pe,w,y)}}A&1&&u.children!==d.children&&a(O,d.children)}else!I&&C==null&&L(O,P,H,y,w);((G=H.onVnodeUpdated)||k)&&Ee(()=>{G&&Oe(G,y,d,u),k&&Ue(d,u,y,"updated")},T)},v=(u,d,y,T,w,E,I)=>{for(let O=0;O<d.length;O++){const A=u[O],C=d[O],k=A.el&&(A.type===Se||!dt(A,C)||A.shapeFlag&70)?h(A.el):y;_(A,C,k,null,T,w,E,I,!0)}},L=(u,d,y,T,w)=>{if(d!==y){if(d!==Z)for(const E in d)!At(E)&&!(E in y)&&i(u,E,d[E],null,w,T);for(const E in y){if(At(E))continue;const I=y[E],O=d[E];I!==O&&E!=="value"&&i(u,E,O,I,w,T)}"value"in y&&i(u,"value",d.value,y.value,w)}},x=(u,d,y,T,w,E,I,O,A)=>{const C=d.el=u?u.el:l(""),k=d.anchor=u?u.anchor:l("");let{patchFlag:P,dynamicChildren:H,slotScopeIds:G}=d;G&&(O=O?O.concat(G):G),u==null?(s(C,y,T),s(k,y,T),V(d.children||[],y,k,w,E,I,O,A)):P>0&&P&64&&H&&u.dynamicChildren?(v(u.dynamicChildren,H,y,w,E,I,O),(d.key!=null||w&&d===w.subTree)&&nr(u,d,!0)):D(u,d,y,k,w,E,I,O,A)},W=(u,d,y,T,w,E,I,O,A)=>{d.slotScopeIds=O,u==null?d.shapeFlag&512?w.ctx.activate(d,y,T,I,A):se(d,y,T,w,E,I,A):ce(u,d,A)},se=(u,d,y,T,w,E,I)=>{const O=u.component=zc(u,T,w);if(nn(u)&&(O.ctx.renderer=bt),Qc(O,!1,I),O.asyncDep){if(w&&w.registerDep(O,U,I),!u.el){const A=O.subTree=le(ye);N(null,A,d,y)}}else U(O,u,d,y,w,E,I)},ce=(u,d,y)=>{const T=d.component=u.component;if(Bc(u,d,y))if(T.asyncDep&&!T.asyncResolved){Y(T,d,y);return}else T.next=d,T.update();else d.el=u.el,T.vnode=d},U=(u,d,y,T,w,E,I)=>{const O=()=>{if(u.isMounted){let{next:P,bu:H,u:G,parent:X,vnode:ee}=u;{const Te=go(u);if(Te){P&&(P.el=ee.el,Y(u,P,I)),Te.asyncDep.then(()=>{u.isUnmounted||O()});return}}let Q=P,xe;ct(u,!1),P?(P.el=ee.el,Y(u,P,I)):P=ee,H&&En(H),(xe=P.props&&P.props.onVnodeBeforeUpdate)&&Oe(xe,X,P,ee),ct(u,!0);const pe=as(u),Le=u.subTree;u.subTree=pe,_(Le,pe,h(Le.el),ln(Le),u,w,E),P.el=pe.el,Q===null&&Wc(u,pe.el),G&&Ee(G,w),(xe=P.props&&P.props.onVnodeUpdated)&&Ee(()=>Oe(xe,X,P,ee),w)}else{let P;const{el:H,props:G}=d,{bm:X,m:ee,parent:Q,root:xe,type:pe}=u,Le=gt(d);if(ct(u,!1),X&&En(X),!Le&&(P=G&&G.onVnodeBeforeMount)&&Oe(P,Q,d),ct(u,!0),H&&es){const Te=()=>{u.subTree=as(u),es(H,u.subTree,u,w,null)};Le&&pe.__asyncHydrate?pe.__asyncHydrate(H,u,Te):Te()}else{xe.ce&&xe.ce._injectChildStyle(pe);const Te=u.subTree=as(u);_(null,Te,y,T,u,w,E),d.el=Te.el}if(ee&&Ee(ee,w),!Le&&(P=G&&G.onVnodeMounted)){const Te=d;Ee(()=>Oe(P,Q,Te),w)}(d.shapeFlag&256||Q&&gt(Q.vnode)&&Q.vnode.shapeFlag&256)&&u.a&&Ee(u.a,w),u.isMounted=!0,d=y=T=null}};u.scope.on();const A=u.effect=new _i(O);u.scope.off();const C=u.update=A.run.bind(A),k=u.job=A.runIfDirty.bind(A);k.i=u,k.id=u.uid,A.scheduler=()=>zs(k),ct(u,!0),C()},Y=(u,d,y)=>{d.component=u;const T=u.vnode.props;u.vnode=d,u.next=null,Rc(u,d.props,T,y),Pc(u,d.children,y),it(),br(u),ot()},D=(u,d,y,T,w,E,I,O,A=!1)=>{const C=u&&u.children,k=u?u.shapeFlag:0,P=d.children,{patchFlag:H,shapeFlag:G}=d;if(H>0){if(H&128){on(C,P,y,T,w,E,I,O,A);return}else if(H&256){he(C,P,y,T,w,E,I,O,A);return}}G&8?(k&16&&Lt(C,w,E),P!==C&&a(y,P)):k&16?G&16?on(C,P,y,T,w,E,I,O,A):Lt(C,w,E,!0):(k&8&&a(y,""),G&16&&V(P,y,T,w,E,I,O,A))},he=(u,d,y,T,w,E,I,O,A)=>{u=u||Tt,d=d||Tt;const C=u.length,k=d.length,P=Math.min(C,k);let H;for(H=0;H<P;H++){const G=d[H]=A?et(d[H]):Me(d[H]);_(u[H],G,y,null,w,E,I,O,A)}C>k?Lt(u,w,E,!0,!1,P):V(d,y,T,w,E,I,O,A,P)},on=(u,d,y,T,w,E,I,O,A)=>{let C=0;const k=d.length;let P=u.length-1,H=k-1;for(;C<=P&&C<=H;){const G=u[C],X=d[C]=A?et(d[C]):Me(d[C]);if(dt(G,X))_(G,X,y,null,w,E,I,O,A);else break;C++}for(;C<=P&&C<=H;){const G=u[P],X=d[H]=A?et(d[H]):Me(d[H]);if(dt(G,X))_(G,X,y,null,w,E,I,O,A);else break;P--,H--}if(C>P){if(C<=H){const G=H+1,X=G<k?d[G].el:T;for(;C<=H;)_(null,d[C]=A?et(d[C]):Me(d[C]),y,X,w,E,I,O,A),C++}}else if(C>H)for(;C<=P;)De(u[C],w,E,!0),C++;else{const G=C,X=C,ee=new Map;for(C=X;C<=H;C++){const Ce=d[C]=A?et(d[C]):Me(d[C]);Ce.key!=null&&ee.set(Ce.key,C)}let Q,xe=0;const pe=H-X+1;let Le=!1,Te=0;const Nt=new Array(pe);for(C=0;C<pe;C++)Nt[C]=0;for(C=G;C<=P;C++){const Ce=u[C];if(xe>=pe){De(Ce,w,E,!0);continue}let je;if(Ce.key!=null)je=ee.get(Ce.key);else for(Q=X;Q<=H;Q++)if(Nt[Q-X]===0&&dt(Ce,d[Q])){je=Q;break}je===void 0?De(Ce,w,E,!0):(Nt[je-X]=C+1,je>=Te?Te=je:Le=!0,_(Ce,d[je],y,null,w,E,I,O,A),xe++)}const fr=Le?Fc(Nt):Tt;for(Q=fr.length-1,C=pe-1;C>=0;C--){const Ce=X+C,je=d[Ce],ur=Ce+1<k?d[Ce+1].el:T;Nt[C]===0?_(null,je,y,ur,w,E,I,O,A):Le&&(Q<0||C!==fr[Q]?lt(je,y,ur,2):Q--)}}},lt=(u,d,y,T,w=null)=>{const{el:E,type:I,transition:O,children:A,shapeFlag:C}=u;if(C&6){lt(u.component.subTree,d,y,T);return}if(C&128){u.suspense.move(d,y,T);return}if(C&64){I.move(u,d,y,bt);return}if(I===Se){s(E,d,y);for(let P=0;P<A.length;P++)lt(A[P],d,y,T);s(u.anchor,d,y);return}if(I===kt){p(u,d,y);return}if(T!==2&&C&1&&O)if(T===0)O.beforeEnter(E),s(E,d,y),Ee(()=>O.enter(E),w);else{const{leave:P,delayLeave:H,afterLeave:G}=O,X=()=>s(E,d,y),ee=()=>{P(E,()=>{X(),G&&G()})};H?H(E,X,ee):ee()}else s(E,d,y)},De=(u,d,y,T=!1,w=!1)=>{const{type:E,props:I,ref:O,children:A,dynamicChildren:C,shapeFlag:k,patchFlag:P,dirs:H,cacheIndex:G}=u;if(P===-2&&(w=!1),O!=null&&Nn(O,null,y,u,!0),G!=null&&(d.renderCache[G]=void 0),k&256){d.ctx.deactivate(u);return}const X=k&1&&H,ee=!gt(u);let Q;if(ee&&(Q=I&&I.onVnodeBeforeUnmount)&&Oe(Q,d,u),k&6)Xo(u.component,y,T);else{if(k&128){u.suspense.unmount(y,T);return}X&&Ue(u,null,d,"beforeUnmount"),k&64?u.type.remove(u,d,y,bt,T):C&&!C.hasOnce&&(E!==Se||P>0&&P&64)?Lt(C,d,y,!1,!0):(E===Se&&P&384||!w&&k&16)&&Lt(A,d,y),T&&cr(u)}(ee&&(Q=I&&I.onVnodeUnmounted)||X)&&Ee(()=>{Q&&Oe(Q,d,u),X&&Ue(u,null,d,"unmounted")},y)},cr=u=>{const{type:d,el:y,anchor:T,transition:w}=u;if(d===Se){Yo(y,T);return}if(d===kt){m(u);return}const E=()=>{r(y),w&&!w.persisted&&w.afterLeave&&w.afterLeave()};if(u.shapeFlag&1&&w&&!w.persisted){const{leave:I,delayLeave:O}=w,A=()=>I(y,E);O?O(u.el,E,A):A()}else E()},Yo=(u,d)=>{let y;for(;u!==d;)y=g(u),r(u),u=y;r(d)},Xo=(u,d,y)=>{const{bum:T,scope:w,job:E,subTree:I,um:O,m:A,a:C}=u;Ir(A),Ir(C),T&&En(T),w.stop(),E&&(E.flags|=8,De(I,u,d,y)),O&&Ee(O,d),Ee(()=>{u.isUnmounted=!0},d),d&&d.pendingBranch&&!d.isUnmounted&&u.asyncDep&&!u.asyncResolved&&u.suspenseId===d.pendingId&&(d.deps--,d.deps===0&&d.resolve())},Lt=(u,d,y,T=!1,w=!1,E=0)=>{for(let I=E;I<u.length;I++)De(u[I],d,y,T,w)},ln=u=>{if(u.shapeFlag&6)return ln(u.component.subTree);if(u.shapeFlag&128)return u.suspense.next();const d=g(u.anchor||u.el),y=d&&d[Ui];return y?g(y):d};let Qn=!1;const ar=(u,d,y)=>{u==null?d._vnode&&De(d._vnode,null,null,!0):_(d._vnode||null,u,d,null,null,null,y),d._vnode=u,Qn||(Qn=!0,br(),Pn(),Qn=!1)},bt={p:_,um:De,m:lt,r:cr,mt:se,mc:V,pc:D,pbc:v,n:ln,o:e};let Zn,es;return t&&([Zn,es]=t(bt)),{render:ar,hydrate:Zn,createApp:Tc(ar,Zn)}}function cs({type:e,props:t},n){return n==="svg"&&e==="foreignObject"||n==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function ct({effect:e,job:t},n){n?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function po(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function nr(e,t,n=!1){const s=e.children,r=t.children;if(K(s)&&K(r))for(let i=0;i<s.length;i++){const o=s[i];let l=r[i];l.shapeFlag&1&&!l.dynamicChildren&&((l.patchFlag<=0||l.patchFlag===32)&&(l=r[i]=et(r[i]),l.el=o.el),!n&&l.patchFlag!==-2&&nr(o,l)),l.type===mt&&(l.el=o.el)}}function Fc(e){const t=e.slice(),n=[0];let s,r,i,o,l;const c=e.length;for(s=0;s<c;s++){const f=e[s];if(f!==0){if(r=n[n.length-1],e[r]<f){t[s]=r,n.push(s);continue}for(i=0,o=n.length-1;i<o;)l=i+o>>1,e[n[l]]<f?i=l+1:o=l;f<e[n[i]]&&(i>0&&(t[s]=n[i-1]),n[i]=s)}}for(i=n.length,o=n[i-1];i-- >0;)n[i]=o,o=t[o];return n}function go(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:go(t)}function Ir(e){if(e)for(let t=0;t<e.length;t++)e[t].flags|=8}const Hc=Symbol.for("v-scx"),$c=()=>Mt(Hc);function sr(e,t){return Yn(e,null,t)}function Vf(e,t){return Yn(e,null,{flush:"post"})}function Fe(e,t,n){return Yn(e,t,n)}function Yn(e,t,n=Z){const{immediate:s,deep:r,flush:i,once:o}=n,l=fe({},n);let c;if(rn)if(i==="sync"){const g=$c();c=g.__watcherHandles||(g.__watcherHandles=[])}else if(!t||s)l.once=!0;else{const g=()=>{};return g.stop=ke,g.resume=ke,g.pause=ke,g}const f=ue;l.call=(g,b,S)=>He(g,f,b,S);let a=!1;i==="post"?l.scheduler=g=>{Ee(g,f&&f.suspense)}:i!=="sync"&&(a=!0,l.scheduler=(g,b)=>{b?g():zs(g)}),l.augmentJob=g=>{t&&(g.flags|=4),a&&(g.flags|=2,f&&(g.id=f.uid,g.i=f))};const h=Kl(e,t,l);return c&&c.push(h),h}function Dc(e,t,n){const s=this.proxy,r=re(e)?e.includes(".")?mo(s,e):()=>s[e]:e.bind(s,s);let i;q(t)?i=t:(i=t.handler,n=t);const o=sn(this),l=Yn(r,i.bind(s),n);return o(),l}function mo(e,t){const n=t.split(".");return()=>{let s=e;for(let r=0;r<n.length&&s;r++)s=s[n[r]];return s}}const jc=(e,t)=>t==="modelValue"||t==="model-value"?e.modelModifiers:e[`${t}Modifiers`]||e[`${Pe(t)}Modifiers`]||e[`${rt(t)}Modifiers`];function Vc(e,t,...n){if(e.isUnmounted)return;const s=e.vnode.props||Z;let r=n;const i=t.startsWith("update:"),o=i&&jc(s,t.slice(7));o&&(o.trim&&(r=n.map(a=>re(a)?a.trim():a)),o.number&&(r=n.map(Ss)));let l,c=s[l=Sn(t)]||s[l=Sn(Pe(t))];!c&&i&&(c=s[l=Sn(rt(t))]),c&&He(c,e,6,r);const f=s[l+"Once"];if(f){if(!e.emitted)e.emitted={};else if(e.emitted[l])return;e.emitted[l]=!0,He(f,e,6,r)}}function yo(e,t,n=!1){const s=t.emitsCache,r=s.get(e);if(r!==void 0)return r;const i=e.emits;let o={},l=!1;if(!q(e)){const c=f=>{const a=yo(f,t,!0);a&&(l=!0,fe(o,a))};!n&&t.mixins.length&&t.mixins.forEach(c),e.extends&&c(e.extends),e.mixins&&e.mixins.forEach(c)}return!i&&!l?(ne(e)&&s.set(e,null),null):(K(i)?i.forEach(c=>o[c]=null):fe(o,i),ne(e)&&s.set(e,o),o)}function Xn(e,t){return!e||!Zt(t)?!1:(t=t.slice(2).replace(/Once$/,""),z(e,t[0].toLowerCase()+t.slice(1))||z(e,rt(t))||z(e,t))}function as(e){const{type:t,vnode:n,proxy:s,withProxy:r,propsOptions:[i],slots:o,attrs:l,emit:c,render:f,renderCache:a,props:h,data:g,setupState:b,ctx:S,inheritAttrs:_}=e,B=Ln(e);let N,j;try{if(n.shapeFlag&4){const m=r||s,M=m;N=Me(f.call(M,m,a,h,b,g,S)),j=l}else{const m=t;N=Me(m.length>1?m(h,{attrs:l,slots:o,emit:c}):m(h,null)),j=t.props?l:Uc(l)}}catch(m){Bt.length=0,tn(m,e,1),N=le(ye)}let p=N;if(j&&_!==!1){const m=Object.keys(j),{shapeFlag:M}=p;m.length&&M&7&&(i&&m.some($s)&&(j=kc(j,i)),p=nt(p,j,!1,!0))}return n.dirs&&(p=nt(p,null,!1,!0),p.dirs=p.dirs?p.dirs.concat(n.dirs):n.dirs),n.transition&&Yt(p,n.transition),N=p,Ln(B),N}const Uc=e=>{let t;for(const n in e)(n==="class"||n==="style"||Zt(n))&&((t||(t={}))[n]=e[n]);return t},kc=(e,t)=>{const n={};for(const s in e)(!$s(s)||!(s.slice(9)in t))&&(n[s]=e[s]);return n};function Bc(e,t,n){const{props:s,children:r,component:i}=e,{props:o,children:l,patchFlag:c}=t,f=i.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return s?Pr(s,o,f):!!o;if(c&8){const a=t.dynamicProps;for(let h=0;h<a.length;h++){const g=a[h];if(o[g]!==s[g]&&!Xn(f,g))return!0}}}else return(r||l)&&(!l||!l.$stable)?!0:s===o?!1:s?o?Pr(s,o,f):!0:!!o;return!1}function Pr(e,t,n){const s=Object.keys(t);if(s.length!==Object.keys(e).length)return!0;for(let r=0;r<s.length;r++){const i=s[r];if(t[i]!==e[i]&&!Xn(n,i))return!0}return!1}function Wc({vnode:e,parent:t},n){for(;t;){const s=t.subTree;if(s.suspense&&s.suspense.activeBranch===e&&(s.el=e.el),s===e)(e=t.vnode).el=n,t=t.parent;else break}}const vo=e=>e.__isSuspense;function bo(e,t){t&&t.pendingBranch?K(e)?t.effects.push(...e):t.effects.push(e):Yl(e)}const Se=Symbol.for("v-fgt"),mt=Symbol.for("v-txt"),ye=Symbol.for("v-cmt"),kt=Symbol.for("v-stc"),Bt=[];let Ae=null;function Is(e=!1){Bt.push(Ae=e?null:[])}function Kc(){Bt.pop(),Ae=Bt[Bt.length-1]||null}let Xt=1;function Lr(e){Xt+=e,e<0&&Ae&&(Ae.hasOnce=!0)}function _o(e){return e.dynamicChildren=Xt>0?Ae||Tt:null,Kc(),Xt>0&&Ae&&Ae.push(e),e}function Uf(e,t,n,s,r,i){return _o(So(e,t,n,s,r,i,!0))}function Ps(e,t,n,s,r){return _o(le(e,t,n,s,r,!0))}function Jt(e){return e?e.__v_isVNode===!0:!1}function dt(e,t){return e.type===t.type&&e.key===t.key}const wo=({key:e})=>e??null,Cn=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?re(e)||ae(e)||q(e)?{i:de,r:e,k:t,f:!!n}:e:null);function So(e,t=null,n=null,s=0,r=null,i=e===Se?0:1,o=!1,l=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&wo(t),ref:t&&Cn(t),scopeId:Vi,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:s,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:de};return l?(rr(c,n),i&128&&e.normalize(c)):n&&(c.shapeFlag|=re(n)?8:16),Xt>0&&!o&&Ae&&(c.patchFlag>0||i&6)&&c.patchFlag!==32&&Ae.push(c),c}const le=qc;function qc(e,t=null,n=null,s=0,r=null,i=!1){if((!e||e===Qi)&&(e=ye),Jt(e)){const l=nt(e,t,!0);return n&&rr(l,n),Xt>0&&!i&&Ae&&(l.shapeFlag&6?Ae[Ae.indexOf(e)]=l:Ae.push(l)),l.patchFlag=-2,l}if(na(e)&&(e=e.__vccOpts),t){t=Gc(t);let{class:l,style:c}=t;l&&!re(l)&&(t.class=Us(l)),ne(c)&&(Ys(c)&&!K(c)&&(c=fe({},c)),t.style=Vs(c))}const o=re(e)?1:vo(e)?128:ki(e)?64:ne(e)?4:q(e)?2:0;return So(e,t,n,s,r,o,i,!0)}function Gc(e){return e?Ys(e)||io(e)?fe({},e):e:null}function nt(e,t,n=!1,s=!1){const{props:r,ref:i,patchFlag:o,children:l,transition:c}=e,f=t?Yc(r||{},t):r,a={__v_isVNode:!0,__v_skip:!0,type:e.type,props:f,key:f&&wo(f),ref:t&&t.ref?n&&i?K(i)?i.concat(Cn(t)):[i,Cn(t)]:Cn(t):i,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:l,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Se?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:c,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&nt(e.ssContent),ssFallback:e.ssFallback&&nt(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return c&&s&&Yt(a,c.clone(a)),a}function Eo(e=" ",t=0){return le(mt,null,e,t)}function kf(e,t){const n=le(kt,null,e);return n.staticCount=t,n}function Bf(e="",t=!1){return t?(Is(),Ps(ye,null,e)):le(ye,null,e)}function Me(e){return e==null||typeof e=="boolean"?le(ye):K(e)?le(Se,null,e.slice()):Jt(e)?et(e):le(mt,null,String(e))}function et(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:nt(e)}function rr(e,t){let n=0;const{shapeFlag:s}=e;if(t==null)t=null;else if(K(t))n=16;else if(typeof t=="object")if(s&65){const r=t.default;r&&(r._c&&(r._d=!1),rr(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!io(t)?t._ctx=de:r===3&&de&&(de.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else q(t)?(t={default:t,_ctx:de},n=32):(t=String(t),s&64?(n=16,t=[Eo(t)]):n=8);e.children=t,e.shapeFlag|=n}function Yc(...e){const t={};for(let n=0;n<e.length;n++){const s=e[n];for(const r in s)if(r==="class")t.class!==s.class&&(t.class=Us([t.class,s.class]));else if(r==="style")t.style=Vs([t.style,s.style]);else if(Zt(r)){const i=t[r],o=s[r];o&&i!==o&&!(K(i)&&i.includes(o))&&(t[r]=i?[].concat(i,o):o)}else r!==""&&(t[r]=s[r])}return t}function Oe(e,t,n,s=null){He(e,t,7,[n,s])}const Xc=no();let Jc=0;function zc(e,t,n){const s=e.type,r=(t?t.appContext:e.appContext)||Xc,i={uid:Jc++,vnode:e,type:s,parent:t,appContext:r,root:null,next:null,subTree:null,effect:null,update:null,job:null,scope:new al(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(r.provides),ids:t?t.ids:["",0,0],accessCache:null,renderCache:[],components:null,directives:null,propsOptions:lo(s,r),emitsOptions:yo(s,r),emit:null,emitted:null,propsDefaults:Z,inheritAttrs:s.inheritAttrs,ctx:Z,data:Z,props:Z,attrs:Z,slots:Z,refs:Z,setupState:Z,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return i.ctx={_:i},i.root=t?t.root:i,i.emit=Vc.bind(null,i),e.ce&&e.ce(i),i}let ue=null;const Jn=()=>ue||de;let Hn,Ls;{const e=gi(),t=(n,s)=>{let r;return(r=e[n])||(r=e[n]=[]),r.push(s),i=>{r.length>1?r.forEach(o=>o(i)):r[0](i)}};Hn=t("__VUE_INSTANCE_SETTERS__",n=>ue=n),Ls=t("__VUE_SSR_SETTERS__",n=>rn=n)}const sn=e=>{const t=ue;return Hn(e),e.scope.on(),()=>{e.scope.off(),Hn(t)}},Nr=()=>{ue&&ue.scope.off(),Hn(null)};function xo(e){return e.vnode.shapeFlag&4}let rn=!1;function Qc(e,t=!1,n=!1){t&&Ls(t);const{props:s,children:r}=e.vnode,i=xo(e);Ac(e,s,i,t),Ic(e,r,n);const o=i?Zc(e,t):void 0;return t&&Ls(!1),o}function Zc(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,yc);const{setup:s}=n;if(s){const r=e.setupContext=s.length>1?Co(e):null,i=sn(e);it();const o=en(s,e,0,[e.props,r]);if(ot(),i(),ui(o)){if(gt(e)||Zs(e),o.then(Nr,Nr),t)return o.then(l=>{Fr(e,l,t)}).catch(l=>{tn(l,e,0)});e.asyncDep=o}else Fr(e,o,t)}else To(e,t)}function Fr(e,t,n){q(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:ne(t)&&(e.setupState=Hi(t)),To(e,n)}let Hr;function To(e,t,n){const s=e.type;if(!e.render){if(!t&&Hr&&!s.render){const r=s.template||er(e).template;if(r){const{isCustomElement:i,compilerOptions:o}=e.appContext.config,{delimiters:l,compilerOptions:c}=s,f=fe(fe({isCustomElement:i,delimiters:l},o),c);s.render=Hr(r,f)}}e.render=s.render||ke}{const r=sn(e);it();try{bc(e)}finally{ot(),r()}}}const ea={get(e,t){return ve(e,"get",""),e[t]}};function Co(e){const t=n=>{e.exposed=n||{}};return{attrs:new Proxy(e.attrs,ea),slots:e.slots,emit:e.emit,expose:t}}function zn(e){return e.exposed?e.exposeProxy||(e.exposeProxy=new Proxy(Hi(xn(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in Ut)return Ut[n](e)},has(t,n){return n in t||n in Ut}})):e.proxy}function ta(e,t=!0){return q(e)?e.displayName||e.name:e.name||t&&e.__name}function na(e){return q(e)&&"__vccOpts"in e}const ie=(e,t)=>Bl(e,t,rn);function Ns(e,t,n){const s=arguments.length;return s===2?ne(t)&&!K(t)?Jt(t)?le(e,null,[t]):le(e,t):le(e,null,t):(s>3?n=Array.prototype.slice.call(arguments,2):s===3&&Jt(n)&&(n=[n]),le(e,t,n))}const sa="3.5.11";/**
-* @vue/runtime-dom v3.5.11
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/let Fs;const $r=typeof window<"u"&&window.trustedTypes;if($r)try{Fs=$r.createPolicy("vue",{createHTML:e=>e})}catch{}const Ao=Fs?e=>Fs.createHTML(e):e=>e,ra="http://www.w3.org/2000/svg",ia="http://www.w3.org/1998/Math/MathML",Ke=typeof document<"u"?document:null,Dr=Ke&&Ke.createElement("template"),oa={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const r=t==="svg"?Ke.createElementNS(ra,e):t==="mathml"?Ke.createElementNS(ia,e):n?Ke.createElement(e,{is:n}):Ke.createElement(e);return e==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:e=>Ke.createTextNode(e),createComment:e=>Ke.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Ke.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,r,i){const o=n?n.previousSibling:t.lastChild;if(r&&(r===i||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===i||!(r=r.nextSibling)););else{Dr.innerHTML=Ao(s==="svg"?`<svg>${e}</svg>`:s==="mathml"?`<math>${e}</math>`:e);const l=Dr.content;if(s==="svg"||s==="mathml"){const c=l.firstChild;for(;c.firstChild;)l.appendChild(c.firstChild);l.removeChild(c)}t.insertBefore(l,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},Je="transition",Ht="animation",zt=Symbol("_vtc"),Ro={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},la=fe({},Wi,Ro),ca=e=>(e.displayName="Transition",e.props=la,e),Wf=ca((e,{slots:t})=>Ns(tc,aa(e),t)),at=(e,t=[])=>{K(e)?e.forEach(n=>n(...t)):e&&e(...t)},jr=e=>e?K(e)?e.some(t=>t.length>1):e.length>1:!1;function aa(e){const t={};for(const x in e)x in Ro||(t[x]=e[x]);if(e.css===!1)return t;const{name:n="v",type:s,duration:r,enterFromClass:i=`${n}-enter-from`,enterActiveClass:o=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=i,appearActiveClass:f=o,appearToClass:a=l,leaveFromClass:h=`${n}-leave-from`,leaveActiveClass:g=`${n}-leave-active`,leaveToClass:b=`${n}-leave-to`}=e,S=fa(r),_=S&&S[0],B=S&&S[1],{onBeforeEnter:N,onEnter:j,onEnterCancelled:p,onLeave:m,onLeaveCancelled:M,onBeforeAppear:F=N,onAppear:$=j,onAppearCancelled:V=p}=t,R=(x,W,se)=>{ft(x,W?a:l),ft(x,W?f:o),se&&se()},v=(x,W)=>{x._isLeaving=!1,ft(x,h),ft(x,b),ft(x,g),W&&W()},L=x=>(W,se)=>{const ce=x?$:j,U=()=>R(W,x,se);at(ce,[W,U]),Vr(()=>{ft(W,x?c:i),ze(W,x?a:l),jr(ce)||Ur(W,s,_,U)})};return fe(t,{onBeforeEnter(x){at(N,[x]),ze(x,i),ze(x,o)},onBeforeAppear(x){at(F,[x]),ze(x,c),ze(x,f)},onEnter:L(!1),onAppear:L(!0),onLeave(x,W){x._isLeaving=!0;const se=()=>v(x,W);ze(x,h),ze(x,g),ha(),Vr(()=>{x._isLeaving&&(ft(x,h),ze(x,b),jr(m)||Ur(x,s,B,se))}),at(m,[x,se])},onEnterCancelled(x){R(x,!1),at(p,[x])},onAppearCancelled(x){R(x,!0),at(V,[x])},onLeaveCancelled(x){v(x),at(M,[x])}})}function fa(e){if(e==null)return null;if(ne(e))return[fs(e.enter),fs(e.leave)];{const t=fs(e);return[t,t]}}function fs(e){return tl(e)}function ze(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.add(n)),(e[zt]||(e[zt]=new Set)).add(t)}function ft(e,t){t.split(/\s+/).forEach(s=>s&&e.classList.remove(s));const n=e[zt];n&&(n.delete(t),n.size||(e[zt]=void 0))}function Vr(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let ua=0;function Ur(e,t,n,s){const r=e._endId=++ua,i=()=>{r===e._endId&&s()};if(n!=null)return setTimeout(i,n);const{type:o,timeout:l,propCount:c}=da(e,t);if(!o)return s();const f=o+"end";let a=0;const h=()=>{e.removeEventListener(f,g),i()},g=b=>{b.target===e&&++a>=c&&h()};setTimeout(()=>{a<c&&h()},l+1),e.addEventListener(f,g)}function da(e,t){const n=window.getComputedStyle(e),s=S=>(n[S]||"").split(", "),r=s(`${Je}Delay`),i=s(`${Je}Duration`),o=kr(r,i),l=s(`${Ht}Delay`),c=s(`${Ht}Duration`),f=kr(l,c);let a=null,h=0,g=0;t===Je?o>0&&(a=Je,h=o,g=i.length):t===Ht?f>0&&(a=Ht,h=f,g=c.length):(h=Math.max(o,f),a=h>0?o>f?Je:Ht:null,g=a?a===Je?i.length:c.length:0);const b=a===Je&&/\b(transform|all)(,|$)/.test(s(`${Je}Property`).toString());return{type:a,timeout:h,propCount:g,hasTransform:b}}function kr(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map((n,s)=>Br(n)+Br(e[s])))}function Br(e){return e==="auto"?0:Number(e.slice(0,-1).replace(",","."))*1e3}function ha(){return document.body.offsetHeight}function pa(e,t,n){const s=e[zt];s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const Wr=Symbol("_vod"),ga=Symbol("_vsh"),ma=Symbol(""),ya=/(^|;)\s*display\s*:/;function va(e,t,n){const s=e.style,r=re(n);let i=!1;if(n&&!r){if(t)if(re(t))for(const o of t.split(";")){const l=o.slice(0,o.indexOf(":")).trim();n[l]==null&&An(s,l,"")}else for(const o in t)n[o]==null&&An(s,o,"");for(const o in n)o==="display"&&(i=!0),An(s,o,n[o])}else if(r){if(t!==n){const o=s[ma];o&&(n+=";"+o),s.cssText=n,i=ya.test(n)}}else t&&e.removeAttribute("style");Wr in e&&(e[Wr]=i?s.display:"",e[ga]&&(s.display="none"))}const Kr=/\s*!important$/;function An(e,t,n){if(K(n))n.forEach(s=>An(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=ba(e,t);Kr.test(n)?e.setProperty(rt(s),n.replace(Kr,""),"important"):e[s]=n}}const qr=["Webkit","Moz","ms"],us={};function ba(e,t){const n=us[t];if(n)return n;let s=Pe(t);if(s!=="filter"&&s in e)return us[t]=s;s=jn(s);for(let r=0;r<qr.length;r++){const i=qr[r]+s;if(i in e)return us[t]=i}return t}const Gr="http://www.w3.org/1999/xlink";function Yr(e,t,n,s,r,i=ll(t)){s&&t.startsWith("xlink:")?n==null?e.removeAttributeNS(Gr,t.slice(6,t.length)):e.setAttributeNS(Gr,t,n):n==null||i&&!mi(n)?e.removeAttribute(t):e.setAttribute(t,i?"":st(n)?String(n):n)}function Xr(e,t,n,s){if(t==="innerHTML"||t==="textContent"){n!=null&&(e[t]=t==="innerHTML"?Ao(n):n);return}const r=e.tagName;if(t==="value"&&r!=="PROGRESS"&&!r.includes("-")){const o=r==="OPTION"?e.getAttribute("value")||"":e.value,l=n==null?e.type==="checkbox"?"on":"":String(n);(o!==l||!("_value"in e))&&(e.value=l),n==null&&e.removeAttribute(t),e._value=n;return}let i=!1;if(n===""||n==null){const o=typeof e[t];o==="boolean"?n=mi(n):n==null&&o==="string"?(n="",i=!0):o==="number"&&(n=0,i=!0)}try{e[t]=n}catch{}i&&e.removeAttribute(t)}function Et(e,t,n,s){e.addEventListener(t,n,s)}function _a(e,t,n,s){e.removeEventListener(t,n,s)}const Jr=Symbol("_vei");function wa(e,t,n,s,r=null){const i=e[Jr]||(e[Jr]={}),o=i[t];if(s&&o)o.value=s;else{const[l,c]=Sa(t);if(s){const f=i[t]=Ta(s,r);Et(e,l,f,c)}else o&&(_a(e,l,o,c),i[t]=void 0)}}const zr=/(?:Once|Passive|Capture)$/;function Sa(e){let t;if(zr.test(e)){t={};let s;for(;s=e.match(zr);)e=e.slice(0,e.length-s[0].length),t[s[0].toLowerCase()]=!0}return[e[2]===":"?e.slice(3):rt(e.slice(2)),t]}let ds=0;const Ea=Promise.resolve(),xa=()=>ds||(Ea.then(()=>ds=0),ds=Date.now());function Ta(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;He(Ca(s,n.value),t,5,[s])};return n.value=e,n.attached=xa(),n}function Ca(e,t){if(K(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>r=>!r._stopped&&s&&s(r))}else return t}const Qr=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Aa=(e,t,n,s,r,i)=>{const o=r==="svg";t==="class"?pa(e,s,o):t==="style"?va(e,n,s):Zt(t)?$s(t)||wa(e,t,n,s,i):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):Ra(e,t,s,o))?(Xr(e,t,s),!e.tagName.includes("-")&&(t==="value"||t==="checked"||t==="selected")&&Yr(e,t,s,o,i,t!=="value")):e._isVueCE&&(/[A-Z]/.test(t)||!re(s))?Xr(e,Pe(t),s):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),Yr(e,t,s,o))};function Ra(e,t,n,s){if(s)return!!(t==="innerHTML"||t==="textContent"||t in e&&Qr(t)&&q(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const r=e.tagName;if(r==="IMG"||r==="VIDEO"||r==="CANVAS"||r==="SOURCE")return!1}return Qr(t)&&re(n)?!1:t in e}const Zr=e=>{const t=e.props["onUpdate:modelValue"]||!1;return K(t)?n=>En(t,n):t};function Oa(e){e.target.composing=!0}function ei(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}const hs=Symbol("_assign"),Kf={created(e,{modifiers:{lazy:t,trim:n,number:s}},r){e[hs]=Zr(r);const i=s||r.props&&r.props.type==="number";Et(e,t?"change":"input",o=>{if(o.target.composing)return;let l=e.value;n&&(l=l.trim()),i&&(l=Ss(l)),e[hs](l)}),n&&Et(e,"change",()=>{e.value=e.value.trim()}),t||(Et(e,"compositionstart",Oa),Et(e,"compositionend",ei),Et(e,"change",ei))},mounted(e,{value:t}){e.value=t??""},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:s,trim:r,number:i}},o){if(e[hs]=Zr(o),e.composing)return;const l=(i||e.type==="number")&&!/^0\d/.test(e.value)?Ss(e.value):e.value,c=t??"";l!==c&&(document.activeElement===e&&e.type!=="range"&&(s&&t===n||r&&e.value.trim()===c)||(e.value=c))}},Ma=["ctrl","shift","alt","meta"],Ia={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>Ma.some(n=>e[`${n}Key`]&&!t.includes(n))},qf=(e,t)=>{const n=e._withMods||(e._withMods={}),s=t.join(".");return n[s]||(n[s]=(r,...i)=>{for(let o=0;o<t.length;o++){const l=Ia[t[o]];if(l&&l(r,t))return}return e(r,...i)})},Pa={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},Gf=(e,t)=>{const n=e._withKeys||(e._withKeys={}),s=t.join(".");return n[s]||(n[s]=r=>{if(!("key"in r))return;const i=rt(r.key);if(t.some(o=>o===i||Pa[o]===i))return e(r)})},Oo=fe({patchProp:Aa},oa);let Wt,ti=!1;function La(){return Wt||(Wt=Lc(Oo))}function Na(){return Wt=ti?Wt:Nc(Oo),ti=!0,Wt}const Yf=(...e)=>{const t=La().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=Io(s);if(!r)return;const i=t._component;!q(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent="");const o=n(r,!1,Mo(r));return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),o},t},Xf=(...e)=>{const t=Na().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=Io(s);if(r)return n(r,!0,Mo(r))},t};function Mo(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function Io(e){return re(e)?document.querySelector(e):e}const Fa=window.__VP_SITE_DATA__;function ir(e){return bi()?(fl(e),!0):!1}function Be(e){return typeof e=="function"?e():Fi(e)}const Po=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Jf=e=>e!=null,Ha=Object.prototype.toString,$a=e=>Ha.call(e)==="[object Object]",Qt=()=>{},ni=Da();function Da(){var e,t;return Po&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((t=window==null?void 0:window.navigator)==null?void 0:t.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function ja(e,t){function n(...s){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,s),{fn:t,thisArg:this,args:s})).then(r).catch(i)})}return n}const Lo=e=>e();function Va(e,t={}){let n,s,r=Qt;const i=l=>{clearTimeout(l),r(),r=Qt};return l=>{const c=Be(e),f=Be(t.maxWait);return n&&i(n),c<=0||f!==void 0&&f<=0?(s&&(i(s),s=null),Promise.resolve(l())):new Promise((a,h)=>{r=t.rejectOnCancel?h:a,f&&!s&&(s=setTimeout(()=>{n&&i(n),s=null,a(l())},f)),n=setTimeout(()=>{s&&i(s),s=null,a(l())},c)})}}function Ua(e=Lo){const t=oe(!0);function n(){t.value=!1}function s(){t.value=!0}const r=(...i)=>{t.value&&e(...i)};return{isActive:Wn(t),pause:n,resume:s,eventFilter:r}}function ka(e){return Jn()}function No(...e){if(e.length!==1)return Vl(...e);const t=e[0];return typeof t=="function"?Wn($l(()=>({get:t,set:Qt}))):oe(t)}function Fo(e,t,n={}){const{eventFilter:s=Lo,...r}=n;return Fe(e,ja(s,t),r)}function Ba(e,t,n={}){const{eventFilter:s,...r}=n,{eventFilter:i,pause:o,resume:l,isActive:c}=Ua(s);return{stop:Fo(e,t,{...r,eventFilter:i}),pause:o,resume:l,isActive:c}}function or(e,t=!0,n){ka()?Pt(e,n):t?e():Kn(e)}function zf(e,t,n={}){const{debounce:s=0,maxWait:r=void 0,...i}=n;return Fo(e,t,{...i,eventFilter:Va(s,{maxWait:r})})}function Qf(e,t,n){let s;ae(n)?s={evaluating:n}:s={};const{lazy:r=!1,evaluating:i=void 0,shallow:o=!0,onError:l=Qt}=s,c=oe(!r),f=o?Js(t):oe(t);let a=0;return sr(async h=>{if(!c.value)return;a++;const g=a;let b=!1;i&&Promise.resolve().then(()=>{i.value=!0});try{const S=await e(_=>{h(()=>{i&&(i.value=!1),b||_()})});g===a&&(f.value=S)}catch(S){l(S)}finally{i&&g===a&&(i.value=!1),b=!0}}),r?ie(()=>(c.value=!0,f.value)):f}const $e=Po?window:void 0;function Ho(e){var t;const n=Be(e);return(t=n==null?void 0:n.$el)!=null?t:n}function It(...e){let t,n,s,r;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,s,r]=e,t=$e):[t,n,s,r]=e,!t)return Qt;Array.isArray(n)||(n=[n]),Array.isArray(s)||(s=[s]);const i=[],o=()=>{i.forEach(a=>a()),i.length=0},l=(a,h,g,b)=>(a.addEventListener(h,g,b),()=>a.removeEventListener(h,g,b)),c=Fe(()=>[Ho(t),Be(r)],([a,h])=>{if(o(),!a)return;const g=$a(h)?{...h}:h;i.push(...n.flatMap(b=>s.map(S=>l(a,b,S,g))))},{immediate:!0,flush:"post"}),f=()=>{c(),o()};return ir(f),f}function Wa(e){return typeof e=="function"?e:typeof e=="string"?t=>t.key===e:Array.isArray(e)?t=>e.includes(t.key):()=>!0}function Zf(...e){let t,n,s={};e.length===3?(t=e[0],n=e[1],s=e[2]):e.length===2?typeof e[1]=="object"?(t=!0,n=e[0],s=e[1]):(t=e[0],n=e[1]):(t=!0,n=e[0]);const{target:r=$e,eventName:i="keydown",passive:o=!1,dedupe:l=!1}=s,c=Wa(t);return It(r,i,a=>{a.repeat&&Be(l)||c(a)&&n(a)},o)}function Ka(){const e=oe(!1),t=Jn();return t&&Pt(()=>{e.value=!0},t),e}function qa(e){const t=Ka();return ie(()=>(t.value,!!e()))}function $o(e,t={}){const{window:n=$e}=t,s=qa(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let r;const i=oe(!1),o=f=>{i.value=f.matches},l=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",o):r.removeListener(o))},c=sr(()=>{s.value&&(l(),r=n.matchMedia(Be(e)),"addEventListener"in r?r.addEventListener("change",o):r.addListener(o),i.value=r.matches)});return ir(()=>{c(),l(),r=void 0}),i}const vn=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},bn="__vueuse_ssr_handlers__",Ga=Ya();function Ya(){return bn in vn||(vn[bn]=vn[bn]||{}),vn[bn]}function Do(e,t){return Ga[e]||t}function jo(e){return $o("(prefers-color-scheme: dark)",e)}function Xa(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const Ja={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},si="vueuse-storage";function lr(e,t,n,s={}){var r;const{flush:i="pre",deep:o=!0,listenToStorageChanges:l=!0,writeDefaults:c=!0,mergeDefaults:f=!1,shallow:a,window:h=$e,eventFilter:g,onError:b=v=>{console.error(v)},initOnMounted:S}=s,_=(a?Js:oe)(typeof t=="function"?t():t);if(!n)try{n=Do("getDefaultStorage",()=>{var v;return(v=$e)==null?void 0:v.localStorage})()}catch(v){b(v)}if(!n)return _;const B=Be(t),N=Xa(B),j=(r=s.serializer)!=null?r:Ja[N],{pause:p,resume:m}=Ba(_,()=>F(_.value),{flush:i,deep:o,eventFilter:g});h&&l&&or(()=>{n instanceof Storage?It(h,"storage",V):It(h,si,R),S&&V()}),S||V();function M(v,L){if(h){const x={key:e,oldValue:v,newValue:L,storageArea:n};h.dispatchEvent(n instanceof Storage?new StorageEvent("storage",x):new CustomEvent(si,{detail:x}))}}function F(v){try{const L=n.getItem(e);if(v==null)M(L,null),n.removeItem(e);else{const x=j.write(v);L!==x&&(n.setItem(e,x),M(L,x))}}catch(L){b(L)}}function $(v){const L=v?v.newValue:n.getItem(e);if(L==null)return c&&B!=null&&n.setItem(e,j.write(B)),B;if(!v&&f){const x=j.read(L);return typeof f=="function"?f(x,B):N==="object"&&!Array.isArray(x)?{...B,...x}:x}else return typeof L!="string"?L:j.read(L)}function V(v){if(!(v&&v.storageArea!==n)){if(v&&v.key==null){_.value=B;return}if(!(v&&v.key!==e)){p();try{(v==null?void 0:v.newValue)!==j.write(_.value)&&(_.value=$(v))}catch(L){b(L)}finally{v?Kn(m):m()}}}}function R(v){V(v.detail)}return _}const za="*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";function Qa(e={}){const{selector:t="html",attribute:n="class",initialValue:s="auto",window:r=$e,storage:i,storageKey:o="vueuse-color-scheme",listenToStorageChanges:l=!0,storageRef:c,emitAuto:f,disableTransition:a=!0}=e,h={auto:"",light:"light",dark:"dark",...e.modes||{}},g=jo({window:r}),b=ie(()=>g.value?"dark":"light"),S=c||(o==null?No(s):lr(o,s,i,{window:r,listenToStorageChanges:l})),_=ie(()=>S.value==="auto"?b.value:S.value),B=Do("updateHTMLAttrs",(m,M,F)=>{const $=typeof m=="string"?r==null?void 0:r.document.querySelector(m):Ho(m);if(!$)return;const V=new Set,R=new Set;let v=null;if(M==="class"){const x=F.split(/\s/g);Object.values(h).flatMap(W=>(W||"").split(/\s/g)).filter(Boolean).forEach(W=>{x.includes(W)?V.add(W):R.add(W)})}else v={key:M,value:F};if(V.size===0&&R.size===0&&v===null)return;let L;a&&(L=r.document.createElement("style"),L.appendChild(document.createTextNode(za)),r.document.head.appendChild(L));for(const x of V)$.classList.add(x);for(const x of R)$.classList.remove(x);v&&$.setAttribute(v.key,v.value),a&&(r.getComputedStyle(L).opacity,document.head.removeChild(L))});function N(m){var M;B(t,n,(M=h[m])!=null?M:m)}function j(m){e.onChanged?e.onChanged(m,N):N(m)}Fe(_,j,{flush:"post",immediate:!0}),or(()=>j(_.value));const p=ie({get(){return f?S.value:_.value},set(m){S.value=m}});try{return Object.assign(p,{store:S,system:b,state:_})}catch{return p}}function Za(e={}){const{valueDark:t="dark",valueLight:n="",window:s=$e}=e,r=Qa({...e,onChanged:(l,c)=>{var f;e.onChanged?(f=e.onChanged)==null||f.call(e,l==="dark",c,l):c(l)},modes:{dark:t,light:n}}),i=ie(()=>r.system?r.system.value:jo({window:s}).value?"dark":"light");return ie({get(){return r.value==="dark"},set(l){const c=l?"dark":"light";i.value===c?r.value="auto":r.value=c}})}function ps(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function eu(e,t,n={}){const{window:s=$e}=n;return lr(e,t,s==null?void 0:s.localStorage,n)}function Vo(e){const t=window.getComputedStyle(e);if(t.overflowX==="scroll"||t.overflowY==="scroll"||t.overflowX==="auto"&&e.clientWidth<e.scrollWidth||t.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const n=e.parentNode;return!n||n.tagName==="BODY"?!1:Vo(n)}}function ef(e){const t=e||window.event,n=t.target;return Vo(n)?!1:t.touches.length>1?!0:(t.preventDefault&&t.preventDefault(),!1)}const gs=new WeakMap;function tu(e,t=!1){const n=oe(t);let s=null,r="";Fe(No(e),l=>{const c=ps(Be(l));if(c){const f=c;if(gs.get(f)||gs.set(f,f.style.overflow),f.style.overflow!=="hidden"&&(r=f.style.overflow),f.style.overflow==="hidden")return n.value=!0;if(n.value)return f.style.overflow="hidden"}},{immediate:!0});const i=()=>{const l=ps(Be(e));!l||n.value||(ni&&(s=It(l,"touchmove",c=>{ef(c)},{passive:!1})),l.style.overflow="hidden",n.value=!0)},o=()=>{const l=ps(Be(e));!l||!n.value||(ni&&(s==null||s()),l.style.overflow=r,gs.delete(l),n.value=!1)};return ir(o),ie({get(){return n.value},set(l){l?i():o()}})}function nu(e,t,n={}){const{window:s=$e}=n;return lr(e,t,s==null?void 0:s.sessionStorage,n)}function su(e={}){const{window:t=$e,behavior:n="auto"}=e;if(!t)return{x:oe(0),y:oe(0)};const s=oe(t.scrollX),r=oe(t.scrollY),i=ie({get(){return s.value},set(l){scrollTo({left:l,behavior:n})}}),o=ie({get(){return r.value},set(l){scrollTo({top:l,behavior:n})}});return It(t,"scroll",()=>{s.value=t.scrollX,r.value=t.scrollY},{capture:!1,passive:!0}),{x:i,y:o}}function ru(e={}){const{window:t=$e,initialWidth:n=Number.POSITIVE_INFINITY,initialHeight:s=Number.POSITIVE_INFINITY,listenOrientation:r=!0,includeScrollbar:i=!0,type:o="inner"}=e,l=oe(n),c=oe(s),f=()=>{t&&(o==="outer"?(l.value=t.outerWidth,c.value=t.outerHeight):i?(l.value=t.innerWidth,c.value=t.innerHeight):(l.value=t.document.documentElement.clientWidth,c.value=t.document.documentElement.clientHeight))};if(f(),or(f),It("resize",f,{passive:!0}),r){const a=$o("(orientation: portrait)");Fe(a,()=>f())}return{width:l,height:c}}const ms={BASE_URL:"/SukiUI/",DEV:!1,MODE:"production",PROD:!0,SSR:!1};var ys={};const Uo=/^(?:[a-z]+:|\/\/)/i,tf="vitepress-theme-appearance",nf=/#.*$/,sf=/[?#].*$/,rf=/(?:(^|\/)index)?\.(?:md|html)$/,ge=typeof document<"u",ko={relativePath:"404.md",filePath:"",title:"404",description:"Not Found",headers:[],frontmatter:{sidebar:!1,layout:"page"},lastUpdated:0,isNotFound:!0};function of(e,t,n=!1){if(t===void 0)return!1;if(e=ri(`/${e}`),n)return new RegExp(t).test(e);if(ri(t)!==e)return!1;const s=t.match(nf);return s?(ge?location.hash:"")===s[0]:!0}function ri(e){return decodeURI(e).replace(sf,"").replace(rf,"$1")}function lf(e){return Uo.test(e)}function cf(e,t){return Object.keys((e==null?void 0:e.locales)||{}).find(n=>n!=="root"&&!lf(n)&&of(t,`/${n}/`,!0))||"root"}function af(e,t){var s,r,i,o,l,c,f;const n=cf(e,t);return Object.assign({},e,{localeIndex:n,lang:((s=e.locales[n])==null?void 0:s.lang)??e.lang,dir:((r=e.locales[n])==null?void 0:r.dir)??e.dir,title:((i=e.locales[n])==null?void 0:i.title)??e.title,titleTemplate:((o=e.locales[n])==null?void 0:o.titleTemplate)??e.titleTemplate,description:((l=e.locales[n])==null?void 0:l.description)??e.description,head:Wo(e.head,((c=e.locales[n])==null?void 0:c.head)??[]),themeConfig:{...e.themeConfig,...(f=e.locales[n])==null?void 0:f.themeConfig}})}function Bo(e,t){const n=t.title||e.title,s=t.titleTemplate??e.titleTemplate;if(typeof s=="string"&&s.includes(":title"))return s.replace(/:title/g,n);const r=ff(e.title,s);return n===r.slice(3)?n:`${n}${r}`}function ff(e,t){return t===!1?"":t===!0||t===void 0?` | ${e}`:e===t?"":` | ${t}`}function uf(e,t){const[n,s]=t;if(n!=="meta")return!1;const r=Object.entries(s)[0];return r==null?!1:e.some(([i,o])=>i===n&&o[r[0]]===r[1])}function Wo(e,t){return[...e.filter(n=>!uf(t,n)),...t]}const df=/[\u0000-\u001F"#$&*+,:;<=>?[\]^`{|}\u007F]/g,hf=/^[a-z]:/i;function ii(e){const t=hf.exec(e),n=t?t[0]:"";return n+e.slice(n.length).replace(df,"_").replace(/(^|\/)_+(?=[^/]*$)/,"$1")}const vs=new Set;function pf(e){if(vs.size===0){const n=typeof process=="object"&&(ys==null?void 0:ys.VITE_EXTRA_EXTENSIONS)||(ms==null?void 0:ms.VITE_EXTRA_EXTENSIONS)||"";("3g2,3gp,aac,ai,apng,au,avif,bin,bmp,cer,class,conf,crl,css,csv,dll,doc,eps,epub,exe,gif,gz,ics,ief,jar,jpe,jpeg,jpg,js,json,jsonld,m4a,man,mid,midi,mjs,mov,mp2,mp3,mp4,mpe,mpeg,mpg,mpp,oga,ogg,ogv,ogx,opus,otf,p10,p7c,p7m,p7s,pdf,png,ps,qt,roff,rtf,rtx,ser,svg,t,tif,tiff,tr,ts,tsv,ttf,txt,vtt,wav,weba,webm,webp,woff,woff2,xhtml,xml,yaml,yml,zip"+(n&&typeof n=="string"?","+n:"")).split(",").forEach(s=>vs.add(s))}const t=e.split(".").pop();return t==null||!vs.has(t.toLowerCase())}function iu(e){return e.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}const gf=Symbol(),yt=Js(Fa);function ou(e){const t=ie(()=>af(yt.value,e.data.relativePath)),n=t.value.appearance,s=n==="force-dark"?oe(!0):n?Za({storageKey:tf,initialValue:()=>n==="dark"?"dark":"auto",...typeof n=="object"?n:{}}):oe(!1),r=oe(ge?location.hash:"");return ge&&window.addEventListener("hashchange",()=>{r.value=location.hash}),Fe(()=>e.data,()=>{r.value=ge?location.hash:""}),{site:t,theme:ie(()=>t.value.themeConfig),page:ie(()=>e.data),frontmatter:ie(()=>e.data.frontmatter),params:ie(()=>e.data.params),lang:ie(()=>t.value.lang),dir:ie(()=>e.data.frontmatter.dir||t.value.dir),localeIndex:ie(()=>t.value.localeIndex||"root"),title:ie(()=>Bo(t.value,e.data)),description:ie(()=>e.data.description||t.value.description),isDark:s,hash:ie(()=>r.value)}}function mf(){const e=Mt(gf);if(!e)throw new Error("vitepress data not properly injected in app");return e}function yf(e,t){return`${e}${t}`.replace(/\/+/g,"/")}function oi(e){return Uo.test(e)||!e.startsWith("/")?e:yf(yt.value.base,e)}function vf(e){let t=e.replace(/\.html$/,"");if(t=decodeURIComponent(t),t=t.replace(/\/$/,"/index"),ge){const n="/SukiUI/";t=ii(t.slice(n.length).replace(/\//g,"_")||"index")+".md";let s=__VP_HASH_MAP__[t.toLowerCase()];if(s||(t=t.endsWith("_index.md")?t.slice(0,-9)+".md":t.slice(0,-3)+"_index.md",s=__VP_HASH_MAP__[t.toLowerCase()]),!s)return null;t=`${n}assets/${t}.${s}.js`}else t=`./${ii(t.slice(1).replace(/\//g,"_"))}.md.js`;return t}let Rn=[];function lu(e){Rn.push(e),Gn(()=>{Rn=Rn.filter(t=>t!==e)})}function bf(){let e=yt.value.scrollOffset,t=0,n=24;if(typeof e=="object"&&"padding"in e&&(n=e.padding,e=e.selector),typeof e=="number")t=e;else if(typeof e=="string")t=li(e,n);else if(Array.isArray(e))for(const s of e){const r=li(s,n);if(r){t=r;break}}return t}function li(e,t){const n=document.querySelector(e);if(!n)return 0;const s=n.getBoundingClientRect().bottom;return s<0?0:s+t}const _f=Symbol(),Ko="http://a.com",wf=()=>({path:"/",component:null,data:ko});function cu(e,t){const n=Bn(wf()),s={route:n,go:r};async function r(l=ge?location.href:"/"){var c,f;l=bs(l),await((c=s.onBeforeRouteChange)==null?void 0:c.call(s,l))!==!1&&(ge&&l!==bs(location.href)&&(history.replaceState({scrollPosition:window.scrollY},""),history.pushState({},"",l)),await o(l),await((f=s.onAfterRouteChanged)==null?void 0:f.call(s,l)))}let i=null;async function o(l,c=0,f=!1){var g,b;if(await((g=s.onBeforePageLoad)==null?void 0:g.call(s,l))===!1)return;const a=new URL(l,Ko),h=i=a.pathname;try{let S=await e(h);if(!S)throw new Error(`Page not found: ${h}`);if(i===h){i=null;const{default:_,__pageData:B}=S;if(!_)throw new Error(`Invalid route component: ${_}`);await((b=s.onAfterPageLoad)==null?void 0:b.call(s,l)),n.path=ge?h:oi(h),n.component=xn(_),n.data=xn(B),ge&&Kn(()=>{let N=yt.value.base+B.relativePath.replace(/(?:(^|\/)index)?\.md$/,"$1");if(!yt.value.cleanUrls&&!N.endsWith("/")&&(N+=".html"),N!==a.pathname&&(a.pathname=N,l=N+a.search+a.hash,history.replaceState({},"",l)),a.hash&&!c){let j=null;try{j=document.getElementById(decodeURIComponent(a.hash).slice(1))}catch(p){console.warn(p)}if(j){ci(j,a.hash);return}}window.scrollTo(0,c)})}}catch(S){if(!/fetch|Page not found/.test(S.message)&&!/^\/404(\.html|\/)?$/.test(l)&&console.error(S),!f)try{const _=await fetch(yt.value.base+"hashmap.json");window.__VP_HASH_MAP__=await _.json(),await o(l,c,!0);return}catch{}if(i===h){i=null,n.path=ge?h:oi(h),n.component=t?xn(t):null;const _=ge?h.replace(/(^|\/)$/,"$1index").replace(/(\.html)?$/,".md").replace(/^\//,""):"404.md";n.data={...ko,relativePath:_}}}}return ge&&(history.state===null&&history.replaceState({},""),window.addEventListener("click",l=>{if(l.defaultPrevented||!(l.target instanceof Element)||l.target.closest("button")||l.button!==0||l.ctrlKey||l.shiftKey||l.altKey||l.metaKey)return;const c=l.target.closest("a");if(!c||c.closest(".vp-raw")||c.hasAttribute("download")||c.hasAttribute("target"))return;const f=c.getAttribute("href")??(c instanceof SVGAElement?c.getAttribute("xlink:href"):null);if(f==null)return;const{href:a,origin:h,pathname:g,hash:b,search:S}=new URL(f,c.baseURI),_=new URL(location.href);h===_.origin&&pf(g)&&(l.preventDefault(),g===_.pathname&&S===_.search?(b!==_.hash&&(history.pushState({},"",a),window.dispatchEvent(new HashChangeEvent("hashchange",{oldURL:_.href,newURL:a}))),b?ci(c,b,c.classList.contains("header-anchor")):window.scrollTo(0,0)):r(a))},{capture:!0}),window.addEventListener("popstate",async l=>{var c;l.state!==null&&(await o(bs(location.href),l.state&&l.state.scrollPosition||0),(c=s.onAfterRouteChanged)==null||c.call(s,location.href))}),window.addEventListener("hashchange",l=>{l.preventDefault()})),s}function Sf(){const e=Mt(_f);if(!e)throw new Error("useRouter() is called without provider.");return e}function qo(){return Sf().route}function ci(e,t,n=!1){let s=null;try{s=e.classList.contains("header-anchor")?e:document.getElementById(decodeURIComponent(t).slice(1))}catch(r){console.warn(r)}if(s){let r=function(){!n||Math.abs(o-window.scrollY)>window.innerHeight?window.scrollTo(0,o):window.scrollTo({left:0,top:o,behavior:"smooth"})};const i=parseInt(window.getComputedStyle(s).paddingTop,10),o=window.scrollY+s.getBoundingClientRect().top-bf()+i;requestAnimationFrame(r)}}function bs(e){const t=new URL(e,Ko);return t.pathname=t.pathname.replace(/(^|\/)index(\.html)?$/,"$1"),yt.value.cleanUrls?t.pathname=t.pathname.replace(/\.html$/,""):!t.pathname.endsWith("/")&&!t.pathname.endsWith(".html")&&(t.pathname+=".html"),t.pathname+t.search+t.hash}const _n=()=>Rn.forEach(e=>e()),au=Qs({name:"VitePressContent",props:{as:{type:[Object,String],default:"div"}},setup(e){const t=qo(),{frontmatter:n,site:s}=mf();return Fe(n,_n,{deep:!0,flush:"post"}),()=>Ns(e.as,s.value.contentProps??{style:{position:"relative"}},[t.component?Ns(t.component,{onVnodeMounted:_n,onVnodeUpdated:_n,onVnodeUnmounted:_n}):"404 Page Not Found"])}}),fu=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},Ef="modulepreload",xf=function(e){return"/SukiUI/"+e},ai={},uu=function(t,n,s){let r=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const o=document.querySelector("meta[property=csp-nonce]"),l=(o==null?void 0:o.nonce)||(o==null?void 0:o.getAttribute("nonce"));r=Promise.allSettled(n.map(c=>{if(c=xf(c),c in ai)return;ai[c]=!0;const f=c.endsWith(".css"),a=f?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${c}"]${a}`))return;const h=document.createElement("link");if(h.rel=f?"stylesheet":Ef,f||(h.as="script"),h.crossOrigin="",h.href=c,l&&h.setAttribute("nonce",l),document.head.appendChild(h),f)return new Promise((g,b)=>{h.addEventListener("load",g),h.addEventListener("error",()=>b(new Error(`Unable to preload CSS for ${c}`)))})}))}function i(o){const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=o,window.dispatchEvent(l),!l.defaultPrevented)throw o}return r.then(o=>{for(const l of o||[])l.status==="rejected"&&i(l.reason);return t().catch(i)})},du=Qs({setup(e,{slots:t}){const n=oe(!1);return Pt(()=>{n.value=!0}),()=>n.value&&t.default?t.default():null}});function hu(){ge&&window.addEventListener("click",e=>{var n;const t=e.target;if(t.matches(".vp-code-group input")){const s=(n=t.parentElement)==null?void 0:n.parentElement;if(!s)return;const r=Array.from(s.querySelectorAll("input")).indexOf(t);if(r<0)return;const i=s.querySelector(".blocks");if(!i)return;const o=Array.from(i.children).find(f=>f.classList.contains("active"));if(!o)return;const l=i.children[r];if(!l||o===l)return;o.classList.remove("active"),l.classList.add("active");const c=s==null?void 0:s.querySelector(`label[for="${t.id}"]`);c==null||c.scrollIntoView({block:"nearest"})}})}function pu(){if(ge){const e=new WeakMap;window.addEventListener("click",t=>{var s;const n=t.target;if(n.matches('div[class*="language-"] > button.copy')){const r=n.parentElement,i=(s=n.nextElementSibling)==null?void 0:s.nextElementSibling;if(!r||!i)return;const o=/language-(shellscript|shell|bash|sh|zsh)/.test(r.className),l=[".vp-copy-ignore",".diff.remove"],c=i.cloneNode(!0);c.querySelectorAll(l.join(",")).forEach(a=>a.remove());let f=c.textContent||"";o&&(f=f.replace(/^ *(\$|>) /gm,"").trim()),Tf(f).then(()=>{n.classList.add("copied"),clearTimeout(e.get(n));const a=setTimeout(()=>{n.classList.remove("copied"),n.blur(),e.delete(n)},2e3);e.set(n,a)})}})}}async function Tf(e){try{return navigator.clipboard.writeText(e)}catch{const t=document.createElement("textarea"),n=document.activeElement;t.value=e,t.setAttribute("readonly",""),t.style.contain="strict",t.style.position="absolute",t.style.left="-9999px",t.style.fontSize="12pt";const s=document.getSelection(),r=s?s.rangeCount>0&&s.getRangeAt(0):null;document.body.appendChild(t),t.select(),t.selectionStart=0,t.selectionEnd=e.length,document.execCommand("copy"),document.body.removeChild(t),r&&(s.removeAllRanges(),s.addRange(r)),n&&n.focus()}}function gu(e,t){let n=!0,s=[];const r=i=>{if(n){n=!1,i.forEach(l=>{const c=_s(l);for(const f of document.head.children)if(f.isEqualNode(c)){s.push(f);return}});return}const o=i.map(_s);s.forEach((l,c)=>{const f=o.findIndex(a=>a==null?void 0:a.isEqualNode(l??null));f!==-1?delete o[f]:(l==null||l.remove(),delete s[c])}),o.forEach(l=>l&&document.head.appendChild(l)),s=[...s,...o].filter(Boolean)};sr(()=>{const i=e.data,o=t.value,l=i&&i.description,c=i&&i.frontmatter.head||[],f=Bo(o,i);f!==document.title&&(document.title=f);const a=l||o.description;let h=document.querySelector("meta[name=description]");h?h.getAttribute("content")!==a&&h.setAttribute("content",a):_s(["meta",{name:"description",content:a}]),r(Wo(o.head,Af(c)))})}function _s([e,t,n]){const s=document.createElement(e);for(const r in t)s.setAttribute(r,t[r]);return n&&(s.innerHTML=n),e==="script"&&!t.async&&(s.async=!1),s}function Cf(e){return e[0]==="meta"&&e[1]&&e[1].name==="description"}function Af(e){return e.filter(t=>!Cf(t))}const ws=new Set,Go=()=>document.createElement("link"),Rf=e=>{const t=Go();t.rel="prefetch",t.href=e,document.head.appendChild(t)},Of=e=>{const t=new XMLHttpRequest;t.open("GET",e,t.withCredentials=!0),t.send()};let wn;const Mf=ge&&(wn=Go())&&wn.relList&&wn.relList.supports&&wn.relList.supports("prefetch")?Rf:Of;function mu(){if(!ge||!window.IntersectionObserver)return;let e;if((e=navigator.connection)&&(e.saveData||/2g/.test(e.effectiveType)))return;const t=window.requestIdleCallback||setTimeout;let n=null;const s=()=>{n&&n.disconnect(),n=new IntersectionObserver(i=>{i.forEach(o=>{if(o.isIntersecting){const l=o.target;n.unobserve(l);const{pathname:c}=l;if(!ws.has(c)){ws.add(c);const f=vf(c);f&&Mf(f)}}})}),t(()=>{document.querySelectorAll("#app a").forEach(i=>{const{hostname:o,pathname:l}=new URL(i.href instanceof SVGAnimatedString?i.href.animVal:i.href,i.baseURI),c=l.match(/\.\w+$/);c&&c[0]!==".html"||i.target!=="_blank"&&o===location.hostname&&(l!==location.pathname?n.observe(i):ws.add(l))})})};Pt(s);const r=qo();Fe(()=>r.path,s),Gn(()=>{n&&n.disconnect()})}export{Ji as $,bf as A,Nf as B,Hf as C,Js as D,lu as E,Se as F,le as G,Ff as H,Uo as I,qo as J,Yc as K,Mt as L,ru as M,Vs as N,Zf as O,Kn as P,su as Q,ge as R,Wn as S,Wf as T,Lf as U,uu as V,tu as W,Cc as X,Gf as Y,Df as Z,fu as _,Eo as a,qf as a0,jf as a1,kf as a2,gu as a3,_f as a4,ou as a5,gf as a6,au as a7,du as a8,yt as a9,Xf as aa,cu as ab,vf as ac,mu as ad,pu as ae,hu as af,Ns as ag,Be as ah,Ho as ai,Jf as aj,ir as ak,Qf as al,nu as am,eu as an,zf as ao,Sf as ap,It as aq,If as ar,Kf as as,ae as at,Pf as au,xn as av,Yf as aw,iu as ax,Ps as b,Uf as c,Qs as d,Bf as e,pf as f,oi as g,ie as h,lf as i,So as j,Fi as k,of as l,$o as m,Us as n,Is as o,oe as p,Fe as q,$f as r,sr as s,cl as t,mf as u,Pt as v,Xl as w,Gn as x,Vf as y,dc as z};
diff --git a/assets/chunks/framework.CoCfjAIq.js b/assets/chunks/framework.CoCfjAIq.js
new file mode 100644
index 000000000..d17e79b07
--- /dev/null
+++ b/assets/chunks/framework.CoCfjAIq.js
@@ -0,0 +1,18 @@
+/**
+* @vue/shared v3.5.12
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**//*! #__NO_SIDE_EFFECTS__ */function Ns(e){const t=Object.create(null);for(const n of e.split(","))t[n]=1;return n=>n in t}const Z={},Et=[],ke=()=>{},Uo=()=>!1,Zt=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),Fs=e=>e.startsWith("onUpdate:"),ce=Object.assign,Hs=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},ko=Object.prototype.hasOwnProperty,z=(e,t)=>ko.call(e,t),K=Array.isArray,Tt=e=>In(e)==="[object Map]",si=e=>In(e)==="[object Set]",q=e=>typeof e=="function",re=e=>typeof e=="string",Ye=e=>typeof e=="symbol",ne=e=>e!==null&&typeof e=="object",ri=e=>(ne(e)||q(e))&&q(e.then)&&q(e.catch),ii=Object.prototype.toString,In=e=>ii.call(e),Bo=e=>In(e).slice(8,-1),oi=e=>In(e)==="[object Object]",$s=e=>re(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Ct=Ns(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Nn=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Wo=/-(\w)/g,Le=Nn(e=>e.replace(Wo,(t,n)=>n?n.toUpperCase():"")),Ko=/\B([A-Z])/g,st=Nn(e=>e.replace(Ko,"-$1").toLowerCase()),Fn=Nn(e=>e.charAt(0).toUpperCase()+e.slice(1)),vn=Nn(e=>e?`on${Fn(e)}`:""),tt=(e,t)=>!Object.is(e,t),bn=(e,...t)=>{for(let n=0;n<e.length;n++)e[n](...t)},li=(e,t,n,s=!1)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:s,value:n})},vs=e=>{const t=parseFloat(e);return isNaN(t)?e:t},qo=e=>{const t=re(e)?Number(e):NaN;return isNaN(t)?e:t};let ar;const Hn=()=>ar||(ar=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function Ds(e){if(K(e)){const t={};for(let n=0;n<e.length;n++){const s=e[n],r=re(s)?Jo(s):Ds(s);if(r)for(const i in r)t[i]=r[i]}return t}else if(re(e)||ne(e))return e}const Go=/;(?![^(]*\))/g,Yo=/:([^]+)/,Xo=/\/\*[^]*?\*\//g;function Jo(e){const t={};return e.replace(Xo,"").split(Go).forEach(n=>{if(n){const s=n.split(Yo);s.length>1&&(t[s[0].trim()]=s[1].trim())}}),t}function js(e){let t="";if(re(e))t=e;else if(K(e))for(let n=0;n<e.length;n++){const s=js(e[n]);s&&(t+=s+" ")}else if(ne(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const zo="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly",Qo=Ns(zo);function ci(e){return!!e||e===""}const ai=e=>!!(e&&e.__v_isRef===!0),Zo=e=>re(e)?e:e==null?"":K(e)||ne(e)&&(e.toString===ii||!q(e.toString))?ai(e)?Zo(e.value):JSON.stringify(e,fi,2):String(e),fi=(e,t)=>ai(t)?fi(e,t.value):Tt(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[s,r],i)=>(n[zn(s,i)+" =>"]=r,n),{})}:si(t)?{[`Set(${t.size})`]:[...t.values()].map(n=>zn(n))}:Ye(t)?zn(t):ne(t)&&!K(t)&&!oi(t)?String(t):t,zn=(e,t="")=>{var n;return Ye(e)?`Symbol(${(n=e.description)!=null?n:t})`:e};/**
+* @vue/reactivity v3.5.12
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/let _e;class el{constructor(t=!1){this.detached=t,this._active=!0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.parent=_e,!t&&_e&&(this.index=(_e.scopes||(_e.scopes=[])).push(this)-1)}get active(){return this._active}pause(){if(this._active){this._isPaused=!0;let t,n;if(this.scopes)for(t=0,n=this.scopes.length;t<n;t++)this.scopes[t].pause();for(t=0,n=this.effects.length;t<n;t++)this.effects[t].pause()}}resume(){if(this._active&&this._isPaused){this._isPaused=!1;let t,n;if(this.scopes)for(t=0,n=this.scopes.length;t<n;t++)this.scopes[t].resume();for(t=0,n=this.effects.length;t<n;t++)this.effects[t].resume()}}run(t){if(this._active){const n=_e;try{return _e=this,t()}finally{_e=n}}}on(){_e=this}off(){_e=this.parent}stop(t){if(this._active){let n,s;for(n=0,s=this.effects.length;n<s;n++)this.effects[n].stop();for(n=0,s=this.cleanups.length;n<s;n++)this.cleanups[n]();if(this.scopes)for(n=0,s=this.scopes.length;n<s;n++)this.scopes[n].stop(!0);if(!this.detached&&this.parent&&!t){const r=this.parent.scopes.pop();r&&r!==this&&(this.parent.scopes[this.index]=r,r.index=this.index)}this.parent=void 0,this._active=!1}}}function ui(){return _e}function tl(e,t=!1){_e&&_e.cleanups.push(e)}let te;const Qn=new WeakSet;class di{constructor(t){this.fn=t,this.deps=void 0,this.depsTail=void 0,this.flags=5,this.next=void 0,this.cleanup=void 0,this.scheduler=void 0,_e&&_e.active&&_e.effects.push(this)}pause(){this.flags|=64}resume(){this.flags&64&&(this.flags&=-65,Qn.has(this)&&(Qn.delete(this),this.trigger()))}notify(){this.flags&2&&!(this.flags&32)||this.flags&8||pi(this)}run(){if(!(this.flags&1))return this.fn();this.flags|=2,fr(this),gi(this);const t=te,n=Ne;te=this,Ne=!0;try{return this.fn()}finally{mi(this),te=t,Ne=n,this.flags&=-3}}stop(){if(this.flags&1){for(let t=this.deps;t;t=t.nextDep)ks(t);this.deps=this.depsTail=void 0,fr(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){this.flags&64?Qn.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){bs(this)&&this.run()}get dirty(){return bs(this)}}let hi=0,Dt,jt;function pi(e,t=!1){if(e.flags|=8,t){e.next=jt,jt=e;return}e.next=Dt,Dt=e}function Vs(){hi++}function Us(){if(--hi>0)return;if(jt){let t=jt;for(jt=void 0;t;){const n=t.next;t.next=void 0,t.flags&=-9,t=n}}let e;for(;Dt;){let t=Dt;for(Dt=void 0;t;){const n=t.next;if(t.next=void 0,t.flags&=-9,t.flags&1)try{t.trigger()}catch(s){e||(e=s)}t=n}}if(e)throw e}function gi(e){for(let t=e.deps;t;t=t.nextDep)t.version=-1,t.prevActiveLink=t.dep.activeLink,t.dep.activeLink=t}function mi(e){let t,n=e.depsTail,s=n;for(;s;){const r=s.prevDep;s.version===-1?(s===n&&(n=r),ks(s),nl(s)):t=s,s.dep.activeLink=s.prevActiveLink,s.prevActiveLink=void 0,s=r}e.deps=t,e.depsTail=n}function bs(e){for(let t=e.deps;t;t=t.nextDep)if(t.dep.version!==t.version||t.dep.computed&&(yi(t.dep.computed)||t.dep.version!==t.version))return!0;return!!e._dirty}function yi(e){if(e.flags&4&&!(e.flags&16)||(e.flags&=-17,e.globalVersion===Kt))return;e.globalVersion=Kt;const t=e.dep;if(e.flags|=2,t.version>0&&!e.isSSR&&e.deps&&!bs(e)){e.flags&=-3;return}const n=te,s=Ne;te=e,Ne=!0;try{gi(e);const r=e.fn(e._value);(t.version===0||tt(r,e._value))&&(e._value=r,t.version++)}catch(r){throw t.version++,r}finally{te=n,Ne=s,mi(e),e.flags&=-3}}function ks(e,t=!1){const{dep:n,prevSub:s,nextSub:r}=e;if(s&&(s.nextSub=r,e.prevSub=void 0),r&&(r.prevSub=s,e.nextSub=void 0),n.subs===e&&(n.subs=s,!s&&n.computed)){n.computed.flags&=-5;for(let i=n.computed.deps;i;i=i.nextDep)ks(i,!0)}!t&&!--n.sc&&n.map&&n.map.delete(n.key)}function nl(e){const{prevDep:t,nextDep:n}=e;t&&(t.nextDep=n,e.prevDep=void 0),n&&(n.prevDep=t,e.nextDep=void 0)}let Ne=!0;const vi=[];function rt(){vi.push(Ne),Ne=!1}function it(){const e=vi.pop();Ne=e===void 0?!0:e}function fr(e){const{cleanup:t}=e;if(e.cleanup=void 0,t){const n=te;te=void 0;try{t()}finally{te=n}}}let Kt=0;class sl{constructor(t,n){this.sub=t,this.dep=n,this.version=n.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}}class $n{constructor(t){this.computed=t,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0}track(t){if(!te||!Ne||te===this.computed)return;let n=this.activeLink;if(n===void 0||n.sub!==te)n=this.activeLink=new sl(te,this),te.deps?(n.prevDep=te.depsTail,te.depsTail.nextDep=n,te.depsTail=n):te.deps=te.depsTail=n,bi(n);else if(n.version===-1&&(n.version=this.version,n.nextDep)){const s=n.nextDep;s.prevDep=n.prevDep,n.prevDep&&(n.prevDep.nextDep=s),n.prevDep=te.depsTail,n.nextDep=void 0,te.depsTail.nextDep=n,te.depsTail=n,te.deps===n&&(te.deps=s)}return n}trigger(t){this.version++,Kt++,this.notify(t)}notify(t){Vs();try{for(let n=this.subs;n;n=n.prevSub)n.sub.notify()&&n.sub.dep.notify()}finally{Us()}}}function bi(e){if(e.dep.sc++,e.sub.flags&4){const t=e.dep.computed;if(t&&!e.dep.subs){t.flags|=20;for(let s=t.deps;s;s=s.nextDep)bi(s)}const n=e.dep.subs;n!==e&&(e.prevSub=n,n&&(n.nextSub=e)),e.dep.subs=e}}const Tn=new WeakMap,dt=Symbol(""),_s=Symbol(""),qt=Symbol("");function me(e,t,n){if(Ne&&te){let s=Tn.get(e);s||Tn.set(e,s=new Map);let r=s.get(n);r||(s.set(n,r=new $n),r.map=s,r.key=n),r.track()}}function qe(e,t,n,s,r,i){const o=Tn.get(e);if(!o){Kt++;return}const l=c=>{c&&c.trigger()};if(Vs(),t==="clear")o.forEach(l);else{const c=K(e),f=c&&$s(n);if(c&&n==="length"){const a=Number(s);o.forEach((d,y)=>{(y==="length"||y===qt||!Ye(y)&&y>=a)&&l(d)})}else switch((n!==void 0||o.has(void 0))&&l(o.get(n)),f&&l(o.get(qt)),t){case"add":c?f&&l(o.get("length")):(l(o.get(dt)),Tt(e)&&l(o.get(_s)));break;case"delete":c||(l(o.get(dt)),Tt(e)&&l(o.get(_s)));break;case"set":Tt(e)&&l(o.get(dt));break}}Us()}function rl(e,t){const n=Tn.get(e);return n&&n.get(t)}function bt(e){const t=J(e);return t===e?t:(me(t,"iterate",qt),Pe(e)?t:t.map(ye))}function Dn(e){return me(e=J(e),"iterate",qt),e}const il={__proto__:null,[Symbol.iterator](){return Zn(this,Symbol.iterator,ye)},concat(...e){return bt(this).concat(...e.map(t=>K(t)?bt(t):t))},entries(){return Zn(this,"entries",e=>(e[1]=ye(e[1]),e))},every(e,t){return We(this,"every",e,t,void 0,arguments)},filter(e,t){return We(this,"filter",e,t,n=>n.map(ye),arguments)},find(e,t){return We(this,"find",e,t,ye,arguments)},findIndex(e,t){return We(this,"findIndex",e,t,void 0,arguments)},findLast(e,t){return We(this,"findLast",e,t,ye,arguments)},findLastIndex(e,t){return We(this,"findLastIndex",e,t,void 0,arguments)},forEach(e,t){return We(this,"forEach",e,t,void 0,arguments)},includes(...e){return es(this,"includes",e)},indexOf(...e){return es(this,"indexOf",e)},join(e){return bt(this).join(e)},lastIndexOf(...e){return es(this,"lastIndexOf",e)},map(e,t){return We(this,"map",e,t,void 0,arguments)},pop(){return Ft(this,"pop")},push(...e){return Ft(this,"push",e)},reduce(e,...t){return ur(this,"reduce",e,t)},reduceRight(e,...t){return ur(this,"reduceRight",e,t)},shift(){return Ft(this,"shift")},some(e,t){return We(this,"some",e,t,void 0,arguments)},splice(...e){return Ft(this,"splice",e)},toReversed(){return bt(this).toReversed()},toSorted(e){return bt(this).toSorted(e)},toSpliced(...e){return bt(this).toSpliced(...e)},unshift(...e){return Ft(this,"unshift",e)},values(){return Zn(this,"values",ye)}};function Zn(e,t,n){const s=Dn(e),r=s[t]();return s!==e&&!Pe(e)&&(r._next=r.next,r.next=()=>{const i=r._next();return i.value&&(i.value=n(i.value)),i}),r}const ol=Array.prototype;function We(e,t,n,s,r,i){const o=Dn(e),l=o!==e&&!Pe(e),c=o[t];if(c!==ol[t]){const d=c.apply(e,i);return l?ye(d):d}let f=n;o!==e&&(l?f=function(d,y){return n.call(this,ye(d),y,e)}:n.length>2&&(f=function(d,y){return n.call(this,d,y,e)}));const a=c.call(o,f,s);return l&&r?r(a):a}function ur(e,t,n,s){const r=Dn(e);let i=n;return r!==e&&(Pe(e)?n.length>3&&(i=function(o,l,c){return n.call(this,o,l,c,e)}):i=function(o,l,c){return n.call(this,o,ye(l),c,e)}),r[t](i,...s)}function es(e,t,n){const s=J(e);me(s,"iterate",qt);const r=s[t](...n);return(r===-1||r===!1)&&Ks(n[0])?(n[0]=J(n[0]),s[t](...n)):r}function Ft(e,t,n=[]){rt(),Vs();const s=J(e)[t].apply(e,n);return Us(),it(),s}const ll=Ns("__proto__,__v_isRef,__isVue"),_i=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Ye));function cl(e){Ye(e)||(e=String(e));const t=J(this);return me(t,"has",e),t.hasOwnProperty(e)}class wi{constructor(t=!1,n=!1){this._isReadonly=t,this._isShallow=n}get(t,n,s){const r=this._isReadonly,i=this._isShallow;if(n==="__v_isReactive")return!r;if(n==="__v_isReadonly")return r;if(n==="__v_isShallow")return i;if(n==="__v_raw")return s===(r?i?vl:Ti:i?Ei:xi).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(s)?t:void 0;const o=K(t);if(!r){let c;if(o&&(c=il[n]))return c;if(n==="hasOwnProperty")return cl}const l=Reflect.get(t,n,fe(t)?t:s);return(Ye(n)?_i.has(n):ll(n))||(r||me(t,"get",n),i)?l:fe(l)?o&&$s(n)?l:l.value:ne(l)?r?Vn(l):jn(l):l}}class Si extends wi{constructor(t=!1){super(!1,t)}set(t,n,s,r){let i=t[n];if(!this._isShallow){const c=yt(i);if(!Pe(s)&&!yt(s)&&(i=J(i),s=J(s)),!K(t)&&fe(i)&&!fe(s))return c?!1:(i.value=s,!0)}const o=K(t)&&$s(n)?Number(n)<t.length:z(t,n),l=Reflect.set(t,n,s,fe(t)?t:r);return t===J(r)&&(o?tt(s,i)&&qe(t,"set",n,s):qe(t,"add",n,s)),l}deleteProperty(t,n){const s=z(t,n);t[n];const r=Reflect.deleteProperty(t,n);return r&&s&&qe(t,"delete",n,void 0),r}has(t,n){const s=Reflect.has(t,n);return(!Ye(n)||!_i.has(n))&&me(t,"has",n),s}ownKeys(t){return me(t,"iterate",K(t)?"length":dt),Reflect.ownKeys(t)}}class al extends wi{constructor(t=!1){super(!0,t)}set(t,n){return!0}deleteProperty(t,n){return!0}}const fl=new Si,ul=new al,dl=new Si(!0);const ws=e=>e,ln=e=>Reflect.getPrototypeOf(e);function hl(e,t,n){return function(...s){const r=this.__v_raw,i=J(r),o=Tt(i),l=e==="entries"||e===Symbol.iterator&&o,c=e==="keys"&&o,f=r[e](...s),a=n?ws:t?Ss:ye;return!t&&me(i,"iterate",c?_s:dt),{next(){const{value:d,done:y}=f.next();return y?{value:d,done:y}:{value:l?[a(d[0]),a(d[1])]:a(d),done:y}},[Symbol.iterator](){return this}}}}function cn(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function pl(e,t){const n={get(r){const i=this.__v_raw,o=J(i),l=J(r);e||(tt(r,l)&&me(o,"get",r),me(o,"get",l));const{has:c}=ln(o),f=t?ws:e?Ss:ye;if(c.call(o,r))return f(i.get(r));if(c.call(o,l))return f(i.get(l));i!==o&&i.get(r)},get size(){const r=this.__v_raw;return!e&&me(J(r),"iterate",dt),Reflect.get(r,"size",r)},has(r){const i=this.__v_raw,o=J(i),l=J(r);return e||(tt(r,l)&&me(o,"has",r),me(o,"has",l)),r===l?i.has(r):i.has(r)||i.has(l)},forEach(r,i){const o=this,l=o.__v_raw,c=J(l),f=t?ws:e?Ss:ye;return!e&&me(c,"iterate",dt),l.forEach((a,d)=>r.call(i,f(a),f(d),o))}};return ce(n,e?{add:cn("add"),set:cn("set"),delete:cn("delete"),clear:cn("clear")}:{add(r){!t&&!Pe(r)&&!yt(r)&&(r=J(r));const i=J(this);return ln(i).has.call(i,r)||(i.add(r),qe(i,"add",r,r)),this},set(r,i){!t&&!Pe(i)&&!yt(i)&&(i=J(i));const o=J(this),{has:l,get:c}=ln(o);let f=l.call(o,r);f||(r=J(r),f=l.call(o,r));const a=c.call(o,r);return o.set(r,i),f?tt(i,a)&&qe(o,"set",r,i):qe(o,"add",r,i),this},delete(r){const i=J(this),{has:o,get:l}=ln(i);let c=o.call(i,r);c||(r=J(r),c=o.call(i,r)),l&&l.call(i,r);const f=i.delete(r);return c&&qe(i,"delete",r,void 0),f},clear(){const r=J(this),i=r.size!==0,o=r.clear();return i&&qe(r,"clear",void 0,void 0),o}}),["keys","values","entries",Symbol.iterator].forEach(r=>{n[r]=hl(r,e,t)}),n}function Bs(e,t){const n=pl(e,t);return(s,r,i)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?s:Reflect.get(z(n,r)&&r in s?n:s,r,i)}const gl={get:Bs(!1,!1)},ml={get:Bs(!1,!0)},yl={get:Bs(!0,!1)};const xi=new WeakMap,Ei=new WeakMap,Ti=new WeakMap,vl=new WeakMap;function bl(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function _l(e){return e.__v_skip||!Object.isExtensible(e)?0:bl(Bo(e))}function jn(e){return yt(e)?e:Ws(e,!1,fl,gl,xi)}function wl(e){return Ws(e,!1,dl,ml,Ei)}function Vn(e){return Ws(e,!0,ul,yl,Ti)}function Ws(e,t,n,s,r){if(!ne(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=r.get(e);if(i)return i;const o=_l(e);if(o===0)return e;const l=new Proxy(e,o===2?s:n);return r.set(e,l),l}function ht(e){return yt(e)?ht(e.__v_raw):!!(e&&e.__v_isReactive)}function yt(e){return!!(e&&e.__v_isReadonly)}function Pe(e){return!!(e&&e.__v_isShallow)}function Ks(e){return e?!!e.__v_raw:!1}function J(e){const t=e&&e.__v_raw;return t?J(t):e}function _n(e){return!z(e,"__v_skip")&&Object.isExtensible(e)&&li(e,"__v_skip",!0),e}const ye=e=>ne(e)?jn(e):e,Ss=e=>ne(e)?Vn(e):e;function fe(e){return e?e.__v_isRef===!0:!1}function oe(e){return Ci(e,!1)}function qs(e){return Ci(e,!0)}function Ci(e,t){return fe(e)?e:new Sl(e,t)}class Sl{constructor(t,n){this.dep=new $n,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=n?t:J(t),this._value=n?t:ye(t),this.__v_isShallow=n}get value(){return this.dep.track(),this._value}set value(t){const n=this._rawValue,s=this.__v_isShallow||Pe(t)||yt(t);t=s?t:J(t),tt(t,n)&&(this._rawValue=t,this._value=s?t:ye(t),this.dep.trigger())}}function Ai(e){return fe(e)?e.value:e}const xl={get:(e,t,n)=>t==="__v_raw"?e:Ai(Reflect.get(e,t,n)),set:(e,t,n,s)=>{const r=e[t];return fe(r)&&!fe(n)?(r.value=n,!0):Reflect.set(e,t,n,s)}};function Ri(e){return ht(e)?e:new Proxy(e,xl)}class El{constructor(t){this.__v_isRef=!0,this._value=void 0;const n=this.dep=new $n,{get:s,set:r}=t(n.track.bind(n),n.trigger.bind(n));this._get=s,this._set=r}get value(){return this._value=this._get()}set value(t){this._set(t)}}function Tl(e){return new El(e)}class Cl{constructor(t,n,s){this._object=t,this._key=n,this._defaultValue=s,this.__v_isRef=!0,this._value=void 0}get value(){const t=this._object[this._key];return this._value=t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}get dep(){return rl(J(this._object),this._key)}}class Al{constructor(t){this._getter=t,this.__v_isRef=!0,this.__v_isReadonly=!0,this._value=void 0}get value(){return this._value=this._getter()}}function Rl(e,t,n){return fe(e)?e:q(e)?new Al(e):ne(e)&&arguments.length>1?Ol(e,t,n):oe(e)}function Ol(e,t,n){const s=e[t];return fe(s)?s:new Cl(e,t,n)}class Ml{constructor(t,n,s){this.fn=t,this.setter=n,this._value=void 0,this.dep=new $n(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=Kt-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!n,this.isSSR=s}notify(){if(this.flags|=16,!(this.flags&8)&&te!==this)return pi(this,!0),!0}get value(){const t=this.dep.track();return yi(this),t&&(t.version=this.dep.version),this._value}set value(t){this.setter&&this.setter(t)}}function Pl(e,t,n=!1){let s,r;return q(e)?s=e:(s=e.get,r=e.set),new Ml(s,r,n)}const an={},Cn=new WeakMap;let ft;function Ll(e,t=!1,n=ft){if(n){let s=Cn.get(n);s||Cn.set(n,s=[]),s.push(e)}}function Il(e,t,n=Z){const{immediate:s,deep:r,once:i,scheduler:o,augmentJob:l,call:c}=n,f=g=>r?g:Pe(g)||r===!1||r===0?Ge(g,1):Ge(g);let a,d,y,v,S=!1,b=!1;if(fe(e)?(d=()=>e.value,S=Pe(e)):ht(e)?(d=()=>f(e),S=!0):K(e)?(b=!0,S=e.some(g=>ht(g)||Pe(g)),d=()=>e.map(g=>{if(fe(g))return g.value;if(ht(g))return f(g);if(q(g))return c?c(g,2):g()})):q(e)?t?d=c?()=>c(e,2):e:d=()=>{if(y){rt();try{y()}finally{it()}}const g=ft;ft=a;try{return c?c(e,3,[v]):e(v)}finally{ft=g}}:d=ke,t&&r){const g=d,M=r===!0?1/0:r;d=()=>Ge(g(),M)}const B=ui(),N=()=>{a.stop(),B&&Hs(B.effects,a)};if(i&&t){const g=t;t=(...M)=>{g(...M),N()}}let j=b?new Array(e.length).fill(an):an;const p=g=>{if(!(!(a.flags&1)||!a.dirty&&!g))if(t){const M=a.run();if(r||S||(b?M.some((F,$)=>tt(F,j[$])):tt(M,j))){y&&y();const F=ft;ft=a;try{const $=[M,j===an?void 0:b&&j[0]===an?[]:j,v];c?c(t,3,$):t(...$),j=M}finally{ft=F}}}else a.run()};return l&&l(p),a=new di(d),a.scheduler=o?()=>o(p,!1):p,v=g=>Ll(g,!1,a),y=a.onStop=()=>{const g=Cn.get(a);if(g){if(c)c(g,4);else for(const M of g)M();Cn.delete(a)}},t?s?p(!0):j=a.run():o?o(p.bind(null,!0),!0):a.run(),N.pause=a.pause.bind(a),N.resume=a.resume.bind(a),N.stop=N,N}function Ge(e,t=1/0,n){if(t<=0||!ne(e)||e.__v_skip||(n=n||new Set,n.has(e)))return e;if(n.add(e),t--,fe(e))Ge(e.value,t,n);else if(K(e))for(let s=0;s<e.length;s++)Ge(e[s],t,n);else if(si(e)||Tt(e))e.forEach(s=>{Ge(s,t,n)});else if(oi(e)){for(const s in e)Ge(e[s],t,n);for(const s of Object.getOwnPropertySymbols(e))Object.prototype.propertyIsEnumerable.call(e,s)&&Ge(e[s],t,n)}return e}/**
+* @vue/runtime-core v3.5.12
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/function en(e,t,n,s){try{return s?e(...s):e()}catch(r){tn(r,t,n)}}function He(e,t,n,s){if(q(e)){const r=en(e,t,n,s);return r&&ri(r)&&r.catch(i=>{tn(i,t,n)}),r}if(K(e)){const r=[];for(let i=0;i<e.length;i++)r.push(He(e[i],t,n,s));return r}}function tn(e,t,n,s=!0){const r=t?t.vnode:null,{errorHandler:i,throwUnhandledErrorInProduction:o}=t&&t.appContext.config||Z;if(t){let l=t.parent;const c=t.proxy,f=`https://vuejs.org/error-reference/#runtime-${n}`;for(;l;){const a=l.ec;if(a){for(let d=0;d<a.length;d++)if(a[d](e,c,f)===!1)return}l=l.parent}if(i){rt(),en(i,null,10,[e,c,f]),it();return}}Nl(e,n,r,s,o)}function Nl(e,t,n,s=!0,r=!1){if(r)throw e;console.error(e)}const we=[];let Ve=-1;const At=[];let Qe=null,wt=0;const Oi=Promise.resolve();let An=null;function Un(e){const t=An||Oi;return e?t.then(this?e.bind(this):e):t}function Fl(e){let t=Ve+1,n=we.length;for(;t<n;){const s=t+n>>>1,r=we[s],i=Gt(r);i<e||i===e&&r.flags&2?t=s+1:n=s}return t}function Gs(e){if(!(e.flags&1)){const t=Gt(e),n=we[we.length-1];!n||!(e.flags&2)&&t>=Gt(n)?we.push(e):we.splice(Fl(t),0,e),e.flags|=1,Mi()}}function Mi(){An||(An=Oi.then(Pi))}function Hl(e){K(e)?At.push(...e):Qe&&e.id===-1?Qe.splice(wt+1,0,e):e.flags&1||(At.push(e),e.flags|=1),Mi()}function dr(e,t,n=Ve+1){for(;n<we.length;n++){const s=we[n];if(s&&s.flags&2){if(e&&s.id!==e.uid)continue;we.splice(n,1),n--,s.flags&4&&(s.flags&=-2),s(),s.flags&4||(s.flags&=-2)}}}function Rn(e){if(At.length){const t=[...new Set(At)].sort((n,s)=>Gt(n)-Gt(s));if(At.length=0,Qe){Qe.push(...t);return}for(Qe=t,wt=0;wt<Qe.length;wt++){const n=Qe[wt];n.flags&4&&(n.flags&=-2),n.flags&8||n(),n.flags&=-2}Qe=null,wt=0}}const Gt=e=>e.id==null?e.flags&2?-1:1/0:e.id;function Pi(e){try{for(Ve=0;Ve<we.length;Ve++){const t=we[Ve];t&&!(t.flags&8)&&(t.flags&4&&(t.flags&=-2),en(t,t.i,t.i?15:14),t.flags&4||(t.flags&=-2))}}finally{for(;Ve<we.length;Ve++){const t=we[Ve];t&&(t.flags&=-2)}Ve=-1,we.length=0,Rn(),An=null,(we.length||At.length)&&Pi()}}let de=null,Li=null;function On(e){const t=de;return de=e,Li=e&&e.type.__scopeId||null,t}function $l(e,t=de,n){if(!t||e._n)return e;const s=(...r)=>{s._d&&Cr(-1);const i=On(t);let o;try{o=e(...r)}finally{On(i),s._d&&Cr(1)}return o};return s._n=!0,s._c=!0,s._d=!0,s}function bf(e,t){if(de===null)return e;const n=Gn(de),s=e.dirs||(e.dirs=[]);for(let r=0;r<t.length;r++){let[i,o,l,c=Z]=t[r];i&&(q(i)&&(i={mounted:i,updated:i}),i.deep&&Ge(o),s.push({dir:i,instance:n,value:o,oldValue:void 0,arg:l,modifiers:c}))}return e}function Ue(e,t,n,s){const r=e.dirs,i=t&&t.dirs;for(let o=0;o<r.length;o++){const l=r[o];i&&(l.oldValue=i[o].value);let c=l.dir[s];c&&(rt(),He(c,n,8,[e.el,l,e,t]),it())}}const Ii=Symbol("_vte"),Ni=e=>e.__isTeleport,Vt=e=>e&&(e.disabled||e.disabled===""),Dl=e=>e&&(e.defer||e.defer===""),hr=e=>typeof SVGElement<"u"&&e instanceof SVGElement,pr=e=>typeof MathMLElement=="function"&&e instanceof MathMLElement,xs=(e,t)=>{const n=e&&e.to;return re(n)?t?t(n):null:n},jl={name:"Teleport",__isTeleport:!0,process(e,t,n,s,r,i,o,l,c,f){const{mc:a,pc:d,pbc:y,o:{insert:v,querySelector:S,createText:b,createComment:B}}=f,N=Vt(t.props);let{shapeFlag:j,children:p,dynamicChildren:g}=t;if(e==null){const M=t.el=b(""),F=t.anchor=b("");v(M,n,s),v(F,n,s);const $=(R,_)=>{j&16&&(r&&r.isCE&&(r.ce._teleportTarget=R),a(p,R,_,r,i,o,l,c))},V=()=>{const R=t.target=xs(t.props,S),_=Fi(R,t,b,v);R&&(o!=="svg"&&hr(R)?o="svg":o!=="mathml"&&pr(R)&&(o="mathml"),N||($(R,_),wn(t,!1)))};N&&($(n,F),wn(t,!0)),Dl(t.props)?xe(V,i):V()}else{t.el=e.el,t.targetStart=e.targetStart;const M=t.anchor=e.anchor,F=t.target=e.target,$=t.targetAnchor=e.targetAnchor,V=Vt(e.props),R=V?n:F,_=V?M:$;if(o==="svg"||hr(F)?o="svg":(o==="mathml"||pr(F))&&(o="mathml"),g?(y(e.dynamicChildren,g,R,r,i,o,l),Qs(e,t,!0)):c||d(e,t,R,_,r,i,o,l,!1),N)V?t.props&&e.props&&t.props.to!==e.props.to&&(t.props.to=e.props.to):fn(t,n,M,f,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const I=t.target=xs(t.props,S);I&&fn(t,I,null,f,0)}else V&&fn(t,F,$,f,1);wn(t,N)}},remove(e,t,n,{um:s,o:{remove:r}},i){const{shapeFlag:o,children:l,anchor:c,targetStart:f,targetAnchor:a,target:d,props:y}=e;if(d&&(r(f),r(a)),i&&r(c),o&16){const v=i||!Vt(y);for(let S=0;S<l.length;S++){const b=l[S];s(b,t,n,v,!!b.dynamicChildren)}}},move:fn,hydrate:Vl};function fn(e,t,n,{o:{insert:s},m:r},i=2){i===0&&s(e.targetAnchor,t,n);const{el:o,anchor:l,shapeFlag:c,children:f,props:a}=e,d=i===2;if(d&&s(o,t,n),(!d||Vt(a))&&c&16)for(let y=0;y<f.length;y++)r(f[y],t,n,2);d&&s(l,t,n)}function Vl(e,t,n,s,r,i,{o:{nextSibling:o,parentNode:l,querySelector:c,insert:f,createText:a}},d){const y=t.target=xs(t.props,c);if(y){const v=Vt(t.props),S=y._lpa||y.firstChild;if(t.shapeFlag&16)if(v)t.anchor=d(o(e),t,l(e),n,s,r,i),t.targetStart=S,t.targetAnchor=S&&o(S);else{t.anchor=o(e);let b=S;for(;b;){if(b&&b.nodeType===8){if(b.data==="teleport start anchor")t.targetStart=b;else if(b.data==="teleport anchor"){t.targetAnchor=b,y._lpa=t.targetAnchor&&o(t.targetAnchor);break}}b=o(b)}t.targetAnchor||Fi(y,t,a,f),d(S&&o(S),t,y,n,s,r,i)}wn(t,v)}return t.anchor&&o(t.anchor)}const _f=jl;function wn(e,t){const n=e.ctx;if(n&&n.ut){let s,r;for(t?(s=e.el,r=e.anchor):(s=e.targetStart,r=e.targetAnchor);s&&s!==r;)s.nodeType===1&&s.setAttribute("data-v-owner",n.uid),s=s.nextSibling;n.ut()}}function Fi(e,t,n,s){const r=t.targetStart=n(""),i=t.targetAnchor=n("");return r[Ii]=i,e&&(s(r,e),s(i,e)),i}const Ze=Symbol("_leaveCb"),un=Symbol("_enterCb");function Ul(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return Lt(()=>{e.isMounted=!0}),ki(()=>{e.isUnmounting=!0}),e}const Re=[Function,Array],Hi={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:Re,onEnter:Re,onAfterEnter:Re,onEnterCancelled:Re,onBeforeLeave:Re,onLeave:Re,onAfterLeave:Re,onLeaveCancelled:Re,onBeforeAppear:Re,onAppear:Re,onAfterAppear:Re,onAppearCancelled:Re},$i=e=>{const t=e.subTree;return t.component?$i(t.component):t},kl={name:"BaseTransition",props:Hi,setup(e,{slots:t}){const n=qn(),s=Ul();return()=>{const r=t.default&&Vi(t.default(),!0);if(!r||!r.length)return;const i=Di(r),o=J(e),{mode:l}=o;if(s.isLeaving)return ts(i);const c=gr(i);if(!c)return ts(i);let f=Es(c,o,s,n,y=>f=y);c.type!==ve&&Yt(c,f);const a=n.subTree,d=a&&gr(a);if(d&&d.type!==ve&&!ut(c,d)&&$i(n).type!==ve){const y=Es(d,o,s,n);if(Yt(d,y),l==="out-in"&&c.type!==ve)return s.isLeaving=!0,y.afterLeave=()=>{s.isLeaving=!1,n.job.flags&8||n.update(),delete y.afterLeave},ts(i);l==="in-out"&&c.type!==ve&&(y.delayLeave=(v,S,b)=>{const B=ji(s,d);B[String(d.key)]=d,v[Ze]=()=>{S(),v[Ze]=void 0,delete f.delayedLeave},f.delayedLeave=b})}return i}}};function Di(e){let t=e[0];if(e.length>1){for(const n of e)if(n.type!==ve){t=n;break}}return t}const Bl=kl;function ji(e,t){const{leavingVNodes:n}=e;let s=n.get(t.type);return s||(s=Object.create(null),n.set(t.type,s)),s}function Es(e,t,n,s,r){const{appear:i,mode:o,persisted:l=!1,onBeforeEnter:c,onEnter:f,onAfterEnter:a,onEnterCancelled:d,onBeforeLeave:y,onLeave:v,onAfterLeave:S,onLeaveCancelled:b,onBeforeAppear:B,onAppear:N,onAfterAppear:j,onAppearCancelled:p}=t,g=String(e.key),M=ji(n,e),F=(R,_)=>{R&&He(R,s,9,_)},$=(R,_)=>{const I=_[1];F(R,_),K(R)?R.every(E=>E.length<=1)&&I():R.length<=1&&I()},V={mode:o,persisted:l,beforeEnter(R){let _=c;if(!n.isMounted)if(i)_=B||c;else return;R[Ze]&&R[Ze](!0);const I=M[g];I&&ut(e,I)&&I.el[Ze]&&I.el[Ze](),F(_,[R])},enter(R){let _=f,I=a,E=d;if(!n.isMounted)if(i)_=N||f,I=j||a,E=p||d;else return;let W=!1;const se=R[un]=ae=>{W||(W=!0,ae?F(E,[R]):F(I,[R]),V.delayedLeave&&V.delayedLeave(),R[un]=void 0)};_?$(_,[R,se]):se()},leave(R,_){const I=String(e.key);if(R[un]&&R[un](!0),n.isUnmounting)return _();F(y,[R]);let E=!1;const W=R[Ze]=se=>{E||(E=!0,_(),se?F(b,[R]):F(S,[R]),R[Ze]=void 0,M[I]===e&&delete M[I])};M[I]=e,v?$(v,[R,W]):W()},clone(R){const _=Es(R,t,n,s,r);return r&&r(_),_}};return V}function ts(e){if(nn(e))return e=nt(e),e.children=null,e}function gr(e){if(!nn(e))return Ni(e.type)&&e.children?Di(e.children):e;const{shapeFlag:t,children:n}=e;if(n){if(t&16)return n[0];if(t&32&&q(n.default))return n.default()}}function Yt(e,t){e.shapeFlag&6&&e.component?(e.transition=t,Yt(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Vi(e,t=!1,n){let s=[],r=0;for(let i=0;i<e.length;i++){let o=e[i];const l=n==null?o.key:String(n)+String(o.key!=null?o.key:i);o.type===Se?(o.patchFlag&128&&r++,s=s.concat(Vi(o.children,t,l))):(t||o.type!==ve)&&s.push(l!=null?nt(o,{key:l}):o)}if(r>1)for(let i=0;i<s.length;i++)s[i].patchFlag=-2;return s}/*! #__NO_SIDE_EFFECTS__ */function Ys(e,t){return q(e)?ce({name:e.name},t,{setup:e}):e}function Xs(e){e.ids=[e.ids[0]+e.ids[2]+++"-",0,0]}function Mn(e,t,n,s,r=!1){if(K(e)){e.forEach((S,b)=>Mn(S,t&&(K(t)?t[b]:t),n,s,r));return}if(pt(s)&&!r)return;const i=s.shapeFlag&4?Gn(s.component):s.el,o=r?null:i,{i:l,r:c}=e,f=t&&t.r,a=l.refs===Z?l.refs={}:l.refs,d=l.setupState,y=J(d),v=d===Z?()=>!1:S=>z(y,S);if(f!=null&&f!==c&&(re(f)?(a[f]=null,v(f)&&(d[f]=null)):fe(f)&&(f.value=null)),q(c))en(c,l,12,[o,a]);else{const S=re(c),b=fe(c);if(S||b){const B=()=>{if(e.f){const N=S?v(c)?d[c]:a[c]:c.value;r?K(N)&&Hs(N,i):K(N)?N.includes(i)||N.push(i):S?(a[c]=[i],v(c)&&(d[c]=a[c])):(c.value=[i],e.k&&(a[e.k]=c.value))}else S?(a[c]=o,v(c)&&(d[c]=o)):b&&(c.value=o,e.k&&(a[e.k]=o))};o?(B.id=-1,xe(B,n)):B()}}}let mr=!1;const _t=()=>{mr||(console.error("Hydration completed but contains mismatches."),mr=!0)},Wl=e=>e.namespaceURI.includes("svg")&&e.tagName!=="foreignObject",Kl=e=>e.namespaceURI.includes("MathML"),dn=e=>{if(e.nodeType===1){if(Wl(e))return"svg";if(Kl(e))return"mathml"}},xt=e=>e.nodeType===8;function ql(e){const{mt:t,p:n,o:{patchProp:s,createText:r,nextSibling:i,parentNode:o,remove:l,insert:c,createComment:f}}=e,a=(p,g)=>{if(!g.hasChildNodes()){n(null,p,g),Rn(),g._vnode=p;return}d(g.firstChild,p,null,null,null),Rn(),g._vnode=p},d=(p,g,M,F,$,V=!1)=>{V=V||!!g.dynamicChildren;const R=xt(p)&&p.data==="[",_=()=>b(p,g,M,F,$,R),{type:I,ref:E,shapeFlag:W,patchFlag:se}=g;let ae=p.nodeType;g.el=p,se===-2&&(V=!1,g.dynamicChildren=null);let U=null;switch(I){case gt:ae!==3?g.children===""?(c(g.el=r(""),o(p),p),U=p):U=_():(p.data!==g.children&&(_t(),p.data=g.children),U=i(p));break;case ve:j(p)?(U=i(p),N(g.el=p.content.firstChild,p,M)):ae!==8||R?U=_():U=i(p);break;case kt:if(R&&(p=i(p),ae=p.nodeType),ae===1||ae===3){U=p;const Y=!g.children.length;for(let D=0;D<g.staticCount;D++)Y&&(g.children+=U.nodeType===1?U.outerHTML:U.data),D===g.staticCount-1&&(g.anchor=U),U=i(U);return R?i(U):U}else _();break;case Se:R?U=S(p,g,M,F,$,V):U=_();break;default:if(W&1)(ae!==1||g.type.toLowerCase()!==p.tagName.toLowerCase())&&!j(p)?U=_():U=y(p,g,M,F,$,V);else if(W&6){g.slotScopeIds=$;const Y=o(p);if(R?U=B(p):xt(p)&&p.data==="teleport start"?U=B(p,p.data,"teleport end"):U=i(p),t(g,Y,null,M,F,dn(Y),V),pt(g)){let D;R?(D=le(Se),D.anchor=U?U.previousSibling:Y.lastChild):D=p.nodeType===3?go(""):le("div"),D.el=p,g.component.subTree=D}}else W&64?ae!==8?U=_():U=g.type.hydrate(p,g,M,F,$,V,e,v):W&128&&(U=g.type.hydrate(p,g,M,F,dn(o(p)),$,V,e,d))}return E!=null&&Mn(E,null,F,g),U},y=(p,g,M,F,$,V)=>{V=V||!!g.dynamicChildren;const{type:R,props:_,patchFlag:I,shapeFlag:E,dirs:W,transition:se}=g,ae=R==="input"||R==="option";if(ae||I!==-1){W&&Ue(g,null,M,"created");let U=!1;if(j(p)){U=io(null,se)&&M&&M.vnode.props&&M.vnode.props.appear;const D=p.content.firstChild;U&&se.beforeEnter(D),N(D,p,M),g.el=p=D}if(E&16&&!(_&&(_.innerHTML||_.textContent))){let D=v(p.firstChild,g,p,M,F,$,V);for(;D;){hn(p,1)||_t();const he=D;D=D.nextSibling,l(he)}}else if(E&8){let D=g.children;D[0]===`
+`&&(p.tagName==="PRE"||p.tagName==="TEXTAREA")&&(D=D.slice(1)),p.textContent!==D&&(hn(p,0)||_t(),p.textContent=g.children)}if(_){if(ae||!V||I&48){const D=p.tagName.includes("-");for(const he in _)(ae&&(he.endsWith("value")||he==="indeterminate")||Zt(he)&&!Ct(he)||he[0]==="."||D)&&s(p,he,null,_[he],void 0,M)}else if(_.onClick)s(p,"onClick",null,_.onClick,void 0,M);else if(I&4&&ht(_.style))for(const D in _.style)_.style[D]}let Y;(Y=_&&_.onVnodeBeforeMount)&&Oe(Y,M,g),W&&Ue(g,null,M,"beforeMount"),((Y=_&&_.onVnodeMounted)||W||U)&&fo(()=>{Y&&Oe(Y,M,g),U&&se.enter(p),W&&Ue(g,null,M,"mounted")},F)}return p.nextSibling},v=(p,g,M,F,$,V,R)=>{R=R||!!g.dynamicChildren;const _=g.children,I=_.length;for(let E=0;E<I;E++){const W=R?_[E]:_[E]=Me(_[E]),se=W.type===gt;p?(se&&!R&&E+1<I&&Me(_[E+1]).type===gt&&(c(r(p.data.slice(W.children.length)),M,i(p)),p.data=W.children),p=d(p,W,F,$,V,R)):se&&!W.children?c(W.el=r(""),M):(hn(M,1)||_t(),n(null,W,M,null,F,$,dn(M),V))}return p},S=(p,g,M,F,$,V)=>{const{slotScopeIds:R}=g;R&&($=$?$.concat(R):R);const _=o(p),I=v(i(p),g,_,M,F,$,V);return I&&xt(I)&&I.data==="]"?i(g.anchor=I):(_t(),c(g.anchor=f("]"),_,I),I)},b=(p,g,M,F,$,V)=>{if(hn(p.parentElement,1)||_t(),g.el=null,V){const I=B(p);for(;;){const E=i(p);if(E&&E!==I)l(E);else break}}const R=i(p),_=o(p);return l(p),n(null,g,_,R,M,F,dn(_),$),R},B=(p,g="[",M="]")=>{let F=0;for(;p;)if(p=i(p),p&&xt(p)&&(p.data===g&&F++,p.data===M)){if(F===0)return i(p);F--}return p},N=(p,g,M)=>{const F=g.parentNode;F&&F.replaceChild(p,g);let $=M;for(;$;)$.vnode.el===g&&($.vnode.el=$.subTree.el=p),$=$.parent},j=p=>p.nodeType===1&&p.tagName==="TEMPLATE";return[a,d]}const yr="data-allow-mismatch",Gl={0:"text",1:"children",2:"class",3:"style",4:"attribute"};function hn(e,t){if(t===0||t===1)for(;e&&!e.hasAttribute(yr);)e=e.parentElement;const n=e&&e.getAttribute(yr);if(n==null)return!1;if(n==="")return!0;{const s=n.split(",");return t===0&&s.includes("children")?!0:n.split(",").includes(Gl[t])}}Hn().requestIdleCallback;Hn().cancelIdleCallback;function Yl(e,t){if(xt(e)&&e.data==="["){let n=1,s=e.nextSibling;for(;s;){if(s.nodeType===1){if(t(s)===!1)break}else if(xt(s))if(s.data==="]"){if(--n===0)break}else s.data==="["&&n++;s=s.nextSibling}}else t(e)}const pt=e=>!!e.type.__asyncLoader;/*! #__NO_SIDE_EFFECTS__ */function wf(e){q(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:s,delay:r=200,hydrate:i,timeout:o,suspensible:l=!0,onError:c}=e;let f=null,a,d=0;const y=()=>(d++,f=null,v()),v=()=>{let S;return f||(S=f=t().catch(b=>{if(b=b instanceof Error?b:new Error(String(b)),c)return new Promise((B,N)=>{c(b,()=>B(y()),()=>N(b),d+1)});throw b}).then(b=>S!==f&&f?f:(b&&(b.__esModule||b[Symbol.toStringTag]==="Module")&&(b=b.default),a=b,b)))};return Ys({name:"AsyncComponentWrapper",__asyncLoader:v,__asyncHydrate(S,b,B){const N=i?()=>{const j=i(B,p=>Yl(S,p));j&&(b.bum||(b.bum=[])).push(j)}:B;a?N():v().then(()=>!b.isUnmounted&&N())},get __asyncResolved(){return a},setup(){const S=ue;if(Xs(S),a)return()=>ns(a,S);const b=p=>{f=null,tn(p,S,13,!s)};if(l&&S.suspense||Mt)return v().then(p=>()=>ns(p,S)).catch(p=>(b(p),()=>s?le(s,{error:p}):null));const B=oe(!1),N=oe(),j=oe(!!r);return r&&setTimeout(()=>{j.value=!1},r),o!=null&&setTimeout(()=>{if(!B.value&&!N.value){const p=new Error(`Async component timed out after ${o}ms.`);b(p),N.value=p}},o),v().then(()=>{B.value=!0,S.parent&&nn(S.parent.vnode)&&S.parent.update()}).catch(p=>{b(p),N.value=p}),()=>{if(B.value&&a)return ns(a,S);if(N.value&&s)return le(s,{error:N.value});if(n&&!j.value)return le(n)}}})}function ns(e,t){const{ref:n,props:s,children:r,ce:i}=t.vnode,o=le(e,s,r);return o.ref=n,o.ce=i,delete t.vnode.ce,o}const nn=e=>e.type.__isKeepAlive;function Xl(e,t){Ui(e,"a",t)}function Jl(e,t){Ui(e,"da",t)}function Ui(e,t,n=ue){const s=e.__wdc||(e.__wdc=()=>{let r=n;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(kn(t,s,n),n){let r=n.parent;for(;r&&r.parent;)nn(r.parent.vnode)&&zl(s,t,n,r),r=r.parent}}function zl(e,t,n,s){const r=kn(t,e,s,!0);Bn(()=>{Hs(s[t],r)},n)}function kn(e,t,n=ue,s=!1){if(n){const r=n[e]||(n[e]=[]),i=t.__weh||(t.__weh=(...o)=>{rt();const l=sn(n),c=He(t,n,e,o);return l(),it(),c});return s?r.unshift(i):r.push(i),i}}const Xe=e=>(t,n=ue)=>{(!Mt||e==="sp")&&kn(e,(...s)=>t(...s),n)},Ql=Xe("bm"),Lt=Xe("m"),Zl=Xe("bu"),ec=Xe("u"),ki=Xe("bum"),Bn=Xe("um"),tc=Xe("sp"),nc=Xe("rtg"),sc=Xe("rtc");function rc(e,t=ue){kn("ec",e,t)}const Bi="components";function Sf(e,t){return Ki(Bi,e,!0,t)||e}const Wi=Symbol.for("v-ndc");function xf(e){return re(e)?Ki(Bi,e,!1)||e:e||Wi}function Ki(e,t,n=!0,s=!1){const r=de||ue;if(r){const i=r.type;{const l=Bc(i,!1);if(l&&(l===t||l===Le(t)||l===Fn(Le(t))))return i}const o=vr(r[e]||i[e],t)||vr(r.appContext[e],t);return!o&&s?i:o}}function vr(e,t){return e&&(e[t]||e[Le(t)]||e[Fn(Le(t))])}function Ef(e,t,n,s){let r;const i=n,o=K(e);if(o||re(e)){const l=o&&ht(e);let c=!1;l&&(c=!Pe(e),e=Dn(e)),r=new Array(e.length);for(let f=0,a=e.length;f<a;f++)r[f]=t(c?ye(e[f]):e[f],f,void 0,i)}else if(typeof e=="number"){r=new Array(e);for(let l=0;l<e;l++)r[l]=t(l+1,l,void 0,i)}else if(ne(e))if(e[Symbol.iterator])r=Array.from(e,(l,c)=>t(l,c,void 0,i));else{const l=Object.keys(e);r=new Array(l.length);for(let c=0,f=l.length;c<f;c++){const a=l[c];r[c]=t(e[a],a,c,i)}}else r=[];return r}function Tf(e,t,n={},s,r){if(de.ce||de.parent&&pt(de.parent)&&de.parent.ce)return t!=="default"&&(n.name=t),Os(),Ms(Se,null,[le("slot",n,s&&s())],64);let i=e[t];i&&i._c&&(i._d=!1),Os();const o=i&&qi(i(n)),l=n.key||o&&o.key,c=Ms(Se,{key:(l&&!Ye(l)?l:`_${t}`)+(!o&&s?"_fb":"")},o||(s?s():[]),o&&e._===1?64:-2);return!r&&c.scopeId&&(c.slotScopeIds=[c.scopeId+"-s"]),i&&i._c&&(i._d=!0),c}function qi(e){return e.some(t=>Jt(t)?!(t.type===ve||t.type===Se&&!qi(t.children)):!0)?e:null}function Cf(e,t){const n={};for(const s in e)n[/[A-Z]/.test(s)?`on:${s}`:vn(s)]=e[s];return n}const Ts=e=>e?mo(e)?Gn(e):Ts(e.parent):null,Ut=ce(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>Ts(e.parent),$root:e=>Ts(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>Js(e),$forceUpdate:e=>e.f||(e.f=()=>{Gs(e.update)}),$nextTick:e=>e.n||(e.n=Un.bind(e.proxy)),$watch:e=>Cc.bind(e)}),ss=(e,t)=>e!==Z&&!e.__isScriptSetup&&z(e,t),ic={get({_:e},t){if(t==="__v_skip")return!0;const{ctx:n,setupState:s,data:r,props:i,accessCache:o,type:l,appContext:c}=e;let f;if(t[0]!=="$"){const v=o[t];if(v!==void 0)switch(v){case 1:return s[t];case 2:return r[t];case 4:return n[t];case 3:return i[t]}else{if(ss(s,t))return o[t]=1,s[t];if(r!==Z&&z(r,t))return o[t]=2,r[t];if((f=e.propsOptions[0])&&z(f,t))return o[t]=3,i[t];if(n!==Z&&z(n,t))return o[t]=4,n[t];Cs&&(o[t]=0)}}const a=Ut[t];let d,y;if(a)return t==="$attrs"&&me(e.attrs,"get",""),a(e);if((d=l.__cssModules)&&(d=d[t]))return d;if(n!==Z&&z(n,t))return o[t]=4,n[t];if(y=c.config.globalProperties,z(y,t))return y[t]},set({_:e},t,n){const{data:s,setupState:r,ctx:i}=e;return ss(r,t)?(r[t]=n,!0):s!==Z&&z(s,t)?(s[t]=n,!0):z(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:s,appContext:r,propsOptions:i}},o){let l;return!!n[o]||e!==Z&&z(e,o)||ss(t,o)||(l=i[0])&&z(l,o)||z(s,o)||z(Ut,o)||z(r.config.globalProperties,o)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:z(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function Af(){return oc().slots}function oc(){const e=qn();return e.setupContext||(e.setupContext=vo(e))}function br(e){return K(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let Cs=!0;function lc(e){const t=Js(e),n=e.proxy,s=e.ctx;Cs=!1,t.beforeCreate&&_r(t.beforeCreate,e,"bc");const{data:r,computed:i,methods:o,watch:l,provide:c,inject:f,created:a,beforeMount:d,mounted:y,beforeUpdate:v,updated:S,activated:b,deactivated:B,beforeDestroy:N,beforeUnmount:j,destroyed:p,unmounted:g,render:M,renderTracked:F,renderTriggered:$,errorCaptured:V,serverPrefetch:R,expose:_,inheritAttrs:I,components:E,directives:W,filters:se}=t;if(f&&cc(f,s,null),o)for(const Y in o){const D=o[Y];q(D)&&(s[Y]=D.bind(n))}if(r){const Y=r.call(n,n);ne(Y)&&(e.data=jn(Y))}if(Cs=!0,i)for(const Y in i){const D=i[Y],he=q(D)?D.bind(n,n):q(D.get)?D.get.bind(n,n):ke,rn=!q(D)&&q(D.set)?D.set.bind(n):ke,ot=ie({get:he,set:rn});Object.defineProperty(s,Y,{enumerable:!0,configurable:!0,get:()=>ot.value,set:De=>ot.value=De})}if(l)for(const Y in l)Gi(l[Y],s,n,Y);if(c){const Y=q(c)?c.call(n):c;Reflect.ownKeys(Y).forEach(D=>{pc(D,Y[D])})}a&&_r(a,e,"c");function U(Y,D){K(D)?D.forEach(he=>Y(he.bind(n))):D&&Y(D.bind(n))}if(U(Ql,d),U(Lt,y),U(Zl,v),U(ec,S),U(Xl,b),U(Jl,B),U(rc,V),U(sc,F),U(nc,$),U(ki,j),U(Bn,g),U(tc,R),K(_))if(_.length){const Y=e.exposed||(e.exposed={});_.forEach(D=>{Object.defineProperty(Y,D,{get:()=>n[D],set:he=>n[D]=he})})}else e.exposed||(e.exposed={});M&&e.render===ke&&(e.render=M),I!=null&&(e.inheritAttrs=I),E&&(e.components=E),W&&(e.directives=W),R&&Xs(e)}function cc(e,t,n=ke){K(e)&&(e=As(e));for(const s in e){const r=e[s];let i;ne(r)?"default"in r?i=Ot(r.from||s,r.default,!0):i=Ot(r.from||s):i=Ot(r),fe(i)?Object.defineProperty(t,s,{enumerable:!0,configurable:!0,get:()=>i.value,set:o=>i.value=o}):t[s]=i}}function _r(e,t,n){He(K(e)?e.map(s=>s.bind(t.proxy)):e.bind(t.proxy),t,n)}function Gi(e,t,n,s){let r=s.includes(".")?lo(n,s):()=>n[s];if(re(e)){const i=t[e];q(i)&&Fe(r,i)}else if(q(e))Fe(r,e.bind(n));else if(ne(e))if(K(e))e.forEach(i=>Gi(i,t,n,s));else{const i=q(e.handler)?e.handler.bind(n):t[e.handler];q(i)&&Fe(r,i,e)}}function Js(e){const t=e.type,{mixins:n,extends:s}=t,{mixins:r,optionsCache:i,config:{optionMergeStrategies:o}}=e.appContext,l=i.get(t);let c;return l?c=l:!r.length&&!n&&!s?c=t:(c={},r.length&&r.forEach(f=>Pn(c,f,o,!0)),Pn(c,t,o)),ne(t)&&i.set(t,c),c}function Pn(e,t,n,s=!1){const{mixins:r,extends:i}=t;i&&Pn(e,i,n,!0),r&&r.forEach(o=>Pn(e,o,n,!0));for(const o in t)if(!(s&&o==="expose")){const l=ac[o]||n&&n[o];e[o]=l?l(e[o],t[o]):t[o]}return e}const ac={data:wr,props:Sr,emits:Sr,methods:$t,computed:$t,beforeCreate:be,created:be,beforeMount:be,mounted:be,beforeUpdate:be,updated:be,beforeDestroy:be,beforeUnmount:be,destroyed:be,unmounted:be,activated:be,deactivated:be,errorCaptured:be,serverPrefetch:be,components:$t,directives:$t,watch:uc,provide:wr,inject:fc};function wr(e,t){return t?e?function(){return ce(q(e)?e.call(this,this):e,q(t)?t.call(this,this):t)}:t:e}function fc(e,t){return $t(As(e),As(t))}function As(e){if(K(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function be(e,t){return e?[...new Set([].concat(e,t))]:t}function $t(e,t){return e?ce(Object.create(null),e,t):t}function Sr(e,t){return e?K(e)&&K(t)?[...new Set([...e,...t])]:ce(Object.create(null),br(e),br(t??{})):t}function uc(e,t){if(!e)return t;if(!t)return e;const n=ce(Object.create(null),e);for(const s in t)n[s]=be(e[s],t[s]);return n}function Yi(){return{app:null,config:{isNativeTag:Uo,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let dc=0;function hc(e,t){return function(s,r=null){q(s)||(s=ce({},s)),r!=null&&!ne(r)&&(r=null);const i=Yi(),o=new WeakSet,l=[];let c=!1;const f=i.app={_uid:dc++,_component:s,_props:r,_container:null,_context:i,_instance:null,version:Kc,get config(){return i.config},set config(a){},use(a,...d){return o.has(a)||(a&&q(a.install)?(o.add(a),a.install(f,...d)):q(a)&&(o.add(a),a(f,...d))),f},mixin(a){return i.mixins.includes(a)||i.mixins.push(a),f},component(a,d){return d?(i.components[a]=d,f):i.components[a]},directive(a,d){return d?(i.directives[a]=d,f):i.directives[a]},mount(a,d,y){if(!c){const v=f._ceVNode||le(s,r);return v.appContext=i,y===!0?y="svg":y===!1&&(y=void 0),d&&t?t(v,a):e(v,a,y),c=!0,f._container=a,a.__vue_app__=f,Gn(v.component)}},onUnmount(a){l.push(a)},unmount(){c&&(He(l,f._instance,16),e(null,f._container),delete f._container.__vue_app__)},provide(a,d){return i.provides[a]=d,f},runWithContext(a){const d=Rt;Rt=f;try{return a()}finally{Rt=d}}};return f}}let Rt=null;function pc(e,t){if(ue){let n=ue.provides;const s=ue.parent&&ue.parent.provides;s===n&&(n=ue.provides=Object.create(s)),n[e]=t}}function Ot(e,t,n=!1){const s=ue||de;if(s||Rt){const r=Rt?Rt._context.provides:s?s.parent==null?s.vnode.appContext&&s.vnode.appContext.provides:s.parent.provides:void 0;if(r&&e in r)return r[e];if(arguments.length>1)return n&&q(t)?t.call(s&&s.proxy):t}}const Xi={},Ji=()=>Object.create(Xi),zi=e=>Object.getPrototypeOf(e)===Xi;function gc(e,t,n,s=!1){const r={},i=Ji();e.propsDefaults=Object.create(null),Qi(e,t,r,i);for(const o in e.propsOptions[0])o in r||(r[o]=void 0);n?e.props=s?r:wl(r):e.type.props?e.props=r:e.props=i,e.attrs=i}function mc(e,t,n,s){const{props:r,attrs:i,vnode:{patchFlag:o}}=e,l=J(r),[c]=e.propsOptions;let f=!1;if((s||o>0)&&!(o&16)){if(o&8){const a=e.vnode.dynamicProps;for(let d=0;d<a.length;d++){let y=a[d];if(Kn(e.emitsOptions,y))continue;const v=t[y];if(c)if(z(i,y))v!==i[y]&&(i[y]=v,f=!0);else{const S=Le(y);r[S]=Rs(c,l,S,v,e,!1)}else v!==i[y]&&(i[y]=v,f=!0)}}}else{Qi(e,t,r,i)&&(f=!0);let a;for(const d in l)(!t||!z(t,d)&&((a=st(d))===d||!z(t,a)))&&(c?n&&(n[d]!==void 0||n[a]!==void 0)&&(r[d]=Rs(c,l,d,void 0,e,!0)):delete r[d]);if(i!==l)for(const d in i)(!t||!z(t,d))&&(delete i[d],f=!0)}f&&qe(e.attrs,"set","")}function Qi(e,t,n,s){const[r,i]=e.propsOptions;let o=!1,l;if(t)for(let c in t){if(Ct(c))continue;const f=t[c];let a;r&&z(r,a=Le(c))?!i||!i.includes(a)?n[a]=f:(l||(l={}))[a]=f:Kn(e.emitsOptions,c)||(!(c in s)||f!==s[c])&&(s[c]=f,o=!0)}if(i){const c=J(n),f=l||Z;for(let a=0;a<i.length;a++){const d=i[a];n[d]=Rs(r,c,d,f[d],e,!z(f,d))}}return o}function Rs(e,t,n,s,r,i){const o=e[n];if(o!=null){const l=z(o,"default");if(l&&s===void 0){const c=o.default;if(o.type!==Function&&!o.skipFactory&&q(c)){const{propsDefaults:f}=r;if(n in f)s=f[n];else{const a=sn(r);s=f[n]=c.call(null,t),a()}}else s=c;r.ce&&r.ce._setProp(n,s)}o[0]&&(i&&!l?s=!1:o[1]&&(s===""||s===st(n))&&(s=!0))}return s}const yc=new WeakMap;function Zi(e,t,n=!1){const s=n?yc:t.propsCache,r=s.get(e);if(r)return r;const i=e.props,o={},l=[];let c=!1;if(!q(e)){const a=d=>{c=!0;const[y,v]=Zi(d,t,!0);ce(o,y),v&&l.push(...v)};!n&&t.mixins.length&&t.mixins.forEach(a),e.extends&&a(e.extends),e.mixins&&e.mixins.forEach(a)}if(!i&&!c)return ne(e)&&s.set(e,Et),Et;if(K(i))for(let a=0;a<i.length;a++){const d=Le(i[a]);xr(d)&&(o[d]=Z)}else if(i)for(const a in i){const d=Le(a);if(xr(d)){const y=i[a],v=o[d]=K(y)||q(y)?{type:y}:ce({},y),S=v.type;let b=!1,B=!0;if(K(S))for(let N=0;N<S.length;++N){const j=S[N],p=q(j)&&j.name;if(p==="Boolean"){b=!0;break}else p==="String"&&(B=!1)}else b=q(S)&&S.name==="Boolean";v[0]=b,v[1]=B,(b||z(v,"default"))&&l.push(d)}}const f=[o,l];return ne(e)&&s.set(e,f),f}function xr(e){return e[0]!=="$"&&!Ct(e)}const eo=e=>e[0]==="_"||e==="$stable",zs=e=>K(e)?e.map(Me):[Me(e)],vc=(e,t,n)=>{if(t._n)return t;const s=$l((...r)=>zs(t(...r)),n);return s._c=!1,s},to=(e,t,n)=>{const s=e._ctx;for(const r in e){if(eo(r))continue;const i=e[r];if(q(i))t[r]=vc(r,i,s);else if(i!=null){const o=zs(i);t[r]=()=>o}}},no=(e,t)=>{const n=zs(t);e.slots.default=()=>n},so=(e,t,n)=>{for(const s in t)(n||s!=="_")&&(e[s]=t[s])},bc=(e,t,n)=>{const s=e.slots=Ji();if(e.vnode.shapeFlag&32){const r=t._;r?(so(s,t,n),n&&li(s,"_",r,!0)):to(t,s)}else t&&no(e,t)},_c=(e,t,n)=>{const{vnode:s,slots:r}=e;let i=!0,o=Z;if(s.shapeFlag&32){const l=t._;l?n&&l===1?i=!1:so(r,t,n):(i=!t.$stable,to(t,r)),o=t}else t&&(no(e,t),o={default:1});if(i)for(const l in r)!eo(l)&&o[l]==null&&delete r[l]},xe=fo;function wc(e){return ro(e)}function Sc(e){return ro(e,ql)}function ro(e,t){const n=Hn();n.__VUE__=!0;const{insert:s,remove:r,patchProp:i,createElement:o,createText:l,createComment:c,setText:f,setElementText:a,parentNode:d,nextSibling:y,setScopeId:v=ke,insertStaticContent:S}=e,b=(u,h,m,T=null,w=null,x=null,P=void 0,O=null,A=!!h.dynamicChildren)=>{if(u===h)return;u&&!ut(u,h)&&(T=on(u),De(u,w,x,!0),u=null),h.patchFlag===-2&&(A=!1,h.dynamicChildren=null);const{type:C,ref:k,shapeFlag:L}=h;switch(C){case gt:B(u,h,m,T);break;case ve:N(u,h,m,T);break;case kt:u==null&&j(h,m,T,P);break;case Se:E(u,h,m,T,w,x,P,O,A);break;default:L&1?M(u,h,m,T,w,x,P,O,A):L&6?W(u,h,m,T,w,x,P,O,A):(L&64||L&128)&&C.process(u,h,m,T,w,x,P,O,A,vt)}k!=null&&w&&Mn(k,u&&u.ref,x,h||u,!h)},B=(u,h,m,T)=>{if(u==null)s(h.el=l(h.children),m,T);else{const w=h.el=u.el;h.children!==u.children&&f(w,h.children)}},N=(u,h,m,T)=>{u==null?s(h.el=c(h.children||""),m,T):h.el=u.el},j=(u,h,m,T)=>{[u.el,u.anchor]=S(u.children,h,m,T,u.el,u.anchor)},p=({el:u,anchor:h},m,T)=>{let w;for(;u&&u!==h;)w=y(u),s(u,m,T),u=w;s(h,m,T)},g=({el:u,anchor:h})=>{let m;for(;u&&u!==h;)m=y(u),r(u),u=m;r(h)},M=(u,h,m,T,w,x,P,O,A)=>{h.type==="svg"?P="svg":h.type==="math"&&(P="mathml"),u==null?F(h,m,T,w,x,P,O,A):R(u,h,w,x,P,O,A)},F=(u,h,m,T,w,x,P,O)=>{let A,C;const{props:k,shapeFlag:L,transition:H,dirs:G}=u;if(A=u.el=o(u.type,x,k&&k.is,k),L&8?a(A,u.children):L&16&&V(u.children,A,null,T,w,rs(u,x),P,O),G&&Ue(u,null,T,"created"),$(A,u,u.scopeId,P,T),k){for(const ee in k)ee!=="value"&&!Ct(ee)&&i(A,ee,null,k[ee],x,T);"value"in k&&i(A,"value",null,k.value,x),(C=k.onVnodeBeforeMount)&&Oe(C,T,u)}G&&Ue(u,null,T,"beforeMount");const X=io(w,H);X&&H.beforeEnter(A),s(A,h,m),((C=k&&k.onVnodeMounted)||X||G)&&xe(()=>{C&&Oe(C,T,u),X&&H.enter(A),G&&Ue(u,null,T,"mounted")},w)},$=(u,h,m,T,w)=>{if(m&&v(u,m),T)for(let x=0;x<T.length;x++)v(u,T[x]);if(w){let x=w.subTree;if(h===x||ao(x.type)&&(x.ssContent===h||x.ssFallback===h)){const P=w.vnode;$(u,P,P.scopeId,P.slotScopeIds,w.parent)}}},V=(u,h,m,T,w,x,P,O,A=0)=>{for(let C=A;C<u.length;C++){const k=u[C]=O?et(u[C]):Me(u[C]);b(null,k,h,m,T,w,x,P,O)}},R=(u,h,m,T,w,x,P)=>{const O=h.el=u.el;let{patchFlag:A,dynamicChildren:C,dirs:k}=h;A|=u.patchFlag&16;const L=u.props||Z,H=h.props||Z;let G;if(m&&lt(m,!1),(G=H.onVnodeBeforeUpdate)&&Oe(G,m,h,u),k&&Ue(h,u,m,"beforeUpdate"),m&&lt(m,!0),(L.innerHTML&&H.innerHTML==null||L.textContent&&H.textContent==null)&&a(O,""),C?_(u.dynamicChildren,C,O,m,T,rs(h,w),x):P||D(u,h,O,null,m,T,rs(h,w),x,!1),A>0){if(A&16)I(O,L,H,m,w);else if(A&2&&L.class!==H.class&&i(O,"class",null,H.class,w),A&4&&i(O,"style",L.style,H.style,w),A&8){const X=h.dynamicProps;for(let ee=0;ee<X.length;ee++){const Q=X[ee],Ee=L[Q],pe=H[Q];(pe!==Ee||Q==="value")&&i(O,Q,Ee,pe,w,m)}}A&1&&u.children!==h.children&&a(O,h.children)}else!P&&C==null&&I(O,L,H,m,w);((G=H.onVnodeUpdated)||k)&&xe(()=>{G&&Oe(G,m,h,u),k&&Ue(h,u,m,"updated")},T)},_=(u,h,m,T,w,x,P)=>{for(let O=0;O<h.length;O++){const A=u[O],C=h[O],k=A.el&&(A.type===Se||!ut(A,C)||A.shapeFlag&70)?d(A.el):m;b(A,C,k,null,T,w,x,P,!0)}},I=(u,h,m,T,w)=>{if(h!==m){if(h!==Z)for(const x in h)!Ct(x)&&!(x in m)&&i(u,x,h[x],null,w,T);for(const x in m){if(Ct(x))continue;const P=m[x],O=h[x];P!==O&&x!=="value"&&i(u,x,O,P,w,T)}"value"in m&&i(u,"value",h.value,m.value,w)}},E=(u,h,m,T,w,x,P,O,A)=>{const C=h.el=u?u.el:l(""),k=h.anchor=u?u.anchor:l("");let{patchFlag:L,dynamicChildren:H,slotScopeIds:G}=h;G&&(O=O?O.concat(G):G),u==null?(s(C,m,T),s(k,m,T),V(h.children||[],m,k,w,x,P,O,A)):L>0&&L&64&&H&&u.dynamicChildren?(_(u.dynamicChildren,H,m,w,x,P,O),(h.key!=null||w&&h===w.subTree)&&Qs(u,h,!0)):D(u,h,m,k,w,x,P,O,A)},W=(u,h,m,T,w,x,P,O,A)=>{h.slotScopeIds=O,u==null?h.shapeFlag&512?w.ctx.activate(h,m,T,P,A):se(h,m,T,w,x,P,A):ae(u,h,A)},se=(u,h,m,T,w,x,P)=>{const O=u.component=jc(u,T,w);if(nn(u)&&(O.ctx.renderer=vt),Vc(O,!1,P),O.asyncDep){if(w&&w.registerDep(O,U,P),!u.el){const A=O.subTree=le(ve);N(null,A,h,m)}}else U(O,u,h,m,w,x,P)},ae=(u,h,m)=>{const T=h.component=u.component;if(Pc(u,h,m))if(T.asyncDep&&!T.asyncResolved){Y(T,h,m);return}else T.next=h,T.update();else h.el=u.el,T.vnode=h},U=(u,h,m,T,w,x,P)=>{const O=()=>{if(u.isMounted){let{next:L,bu:H,u:G,parent:X,vnode:ee}=u;{const Te=oo(u);if(Te){L&&(L.el=ee.el,Y(u,L,P)),Te.asyncDep.then(()=>{u.isUnmounted||O()});return}}let Q=L,Ee;lt(u,!1),L?(L.el=ee.el,Y(u,L,P)):L=ee,H&&bn(H),(Ee=L.props&&L.props.onVnodeBeforeUpdate)&&Oe(Ee,X,L,ee),lt(u,!0);const pe=is(u),Ie=u.subTree;u.subTree=pe,b(Ie,pe,d(Ie.el),on(Ie),u,w,x),L.el=pe.el,Q===null&&Lc(u,pe.el),G&&xe(G,w),(Ee=L.props&&L.props.onVnodeUpdated)&&xe(()=>Oe(Ee,X,L,ee),w)}else{let L;const{el:H,props:G}=h,{bm:X,m:ee,parent:Q,root:Ee,type:pe}=u,Ie=pt(h);if(lt(u,!1),X&&bn(X),!Ie&&(L=G&&G.onVnodeBeforeMount)&&Oe(L,Q,h),lt(u,!0),H&&Jn){const Te=()=>{u.subTree=is(u),Jn(H,u.subTree,u,w,null)};Ie&&pe.__asyncHydrate?pe.__asyncHydrate(H,u,Te):Te()}else{Ee.ce&&Ee.ce._injectChildStyle(pe);const Te=u.subTree=is(u);b(null,Te,m,T,u,w,x),h.el=Te.el}if(ee&&xe(ee,w),!Ie&&(L=G&&G.onVnodeMounted)){const Te=h;xe(()=>Oe(L,Q,Te),w)}(h.shapeFlag&256||Q&&pt(Q.vnode)&&Q.vnode.shapeFlag&256)&&u.a&&xe(u.a,w),u.isMounted=!0,h=m=T=null}};u.scope.on();const A=u.effect=new di(O);u.scope.off();const C=u.update=A.run.bind(A),k=u.job=A.runIfDirty.bind(A);k.i=u,k.id=u.uid,A.scheduler=()=>Gs(k),lt(u,!0),C()},Y=(u,h,m)=>{h.component=u;const T=u.vnode.props;u.vnode=h,u.next=null,mc(u,h.props,T,m),_c(u,h.children,m),rt(),dr(u),it()},D=(u,h,m,T,w,x,P,O,A=!1)=>{const C=u&&u.children,k=u?u.shapeFlag:0,L=h.children,{patchFlag:H,shapeFlag:G}=h;if(H>0){if(H&128){rn(C,L,m,T,w,x,P,O,A);return}else if(H&256){he(C,L,m,T,w,x,P,O,A);return}}G&8?(k&16&&It(C,w,x),L!==C&&a(m,L)):k&16?G&16?rn(C,L,m,T,w,x,P,O,A):It(C,w,x,!0):(k&8&&a(m,""),G&16&&V(L,m,T,w,x,P,O,A))},he=(u,h,m,T,w,x,P,O,A)=>{u=u||Et,h=h||Et;const C=u.length,k=h.length,L=Math.min(C,k);let H;for(H=0;H<L;H++){const G=h[H]=A?et(h[H]):Me(h[H]);b(u[H],G,m,null,w,x,P,O,A)}C>k?It(u,w,x,!0,!1,L):V(h,m,T,w,x,P,O,A,L)},rn=(u,h,m,T,w,x,P,O,A)=>{let C=0;const k=h.length;let L=u.length-1,H=k-1;for(;C<=L&&C<=H;){const G=u[C],X=h[C]=A?et(h[C]):Me(h[C]);if(ut(G,X))b(G,X,m,null,w,x,P,O,A);else break;C++}for(;C<=L&&C<=H;){const G=u[L],X=h[H]=A?et(h[H]):Me(h[H]);if(ut(G,X))b(G,X,m,null,w,x,P,O,A);else break;L--,H--}if(C>L){if(C<=H){const G=H+1,X=G<k?h[G].el:T;for(;C<=H;)b(null,h[C]=A?et(h[C]):Me(h[C]),m,X,w,x,P,O,A),C++}}else if(C>H)for(;C<=L;)De(u[C],w,x,!0),C++;else{const G=C,X=C,ee=new Map;for(C=X;C<=H;C++){const Ce=h[C]=A?et(h[C]):Me(h[C]);Ce.key!=null&&ee.set(Ce.key,C)}let Q,Ee=0;const pe=H-X+1;let Ie=!1,Te=0;const Nt=new Array(pe);for(C=0;C<pe;C++)Nt[C]=0;for(C=G;C<=L;C++){const Ce=u[C];if(Ee>=pe){De(Ce,w,x,!0);continue}let je;if(Ce.key!=null)je=ee.get(Ce.key);else for(Q=X;Q<=H;Q++)if(Nt[Q-X]===0&&ut(Ce,h[Q])){je=Q;break}je===void 0?De(Ce,w,x,!0):(Nt[je-X]=C+1,je>=Te?Te=je:Ie=!0,b(Ce,h[je],m,null,w,x,P,O,A),Ee++)}const lr=Ie?xc(Nt):Et;for(Q=lr.length-1,C=pe-1;C>=0;C--){const Ce=X+C,je=h[Ce],cr=Ce+1<k?h[Ce+1].el:T;Nt[C]===0?b(null,je,m,cr,w,x,P,O,A):Ie&&(Q<0||C!==lr[Q]?ot(je,m,cr,2):Q--)}}},ot=(u,h,m,T,w=null)=>{const{el:x,type:P,transition:O,children:A,shapeFlag:C}=u;if(C&6){ot(u.component.subTree,h,m,T);return}if(C&128){u.suspense.move(h,m,T);return}if(C&64){P.move(u,h,m,vt);return}if(P===Se){s(x,h,m);for(let L=0;L<A.length;L++)ot(A[L],h,m,T);s(u.anchor,h,m);return}if(P===kt){p(u,h,m);return}if(T!==2&&C&1&&O)if(T===0)O.beforeEnter(x),s(x,h,m),xe(()=>O.enter(x),w);else{const{leave:L,delayLeave:H,afterLeave:G}=O,X=()=>s(x,h,m),ee=()=>{L(x,()=>{X(),G&&G()})};H?H(x,X,ee):ee()}else s(x,h,m)},De=(u,h,m,T=!1,w=!1)=>{const{type:x,props:P,ref:O,children:A,dynamicChildren:C,shapeFlag:k,patchFlag:L,dirs:H,cacheIndex:G}=u;if(L===-2&&(w=!1),O!=null&&Mn(O,null,m,u,!0),G!=null&&(h.renderCache[G]=void 0),k&256){h.ctx.deactivate(u);return}const X=k&1&&H,ee=!pt(u);let Q;if(ee&&(Q=P&&P.onVnodeBeforeUnmount)&&Oe(Q,h,u),k&6)Vo(u.component,m,T);else{if(k&128){u.suspense.unmount(m,T);return}X&&Ue(u,null,h,"beforeUnmount"),k&64?u.type.remove(u,h,m,vt,T):C&&!C.hasOnce&&(x!==Se||L>0&&L&64)?It(C,h,m,!1,!0):(x===Se&&L&384||!w&&k&16)&&It(A,h,m),T&&ir(u)}(ee&&(Q=P&&P.onVnodeUnmounted)||X)&&xe(()=>{Q&&Oe(Q,h,u),X&&Ue(u,null,h,"unmounted")},m)},ir=u=>{const{type:h,el:m,anchor:T,transition:w}=u;if(h===Se){jo(m,T);return}if(h===kt){g(u);return}const x=()=>{r(m),w&&!w.persisted&&w.afterLeave&&w.afterLeave()};if(u.shapeFlag&1&&w&&!w.persisted){const{leave:P,delayLeave:O}=w,A=()=>P(m,x);O?O(u.el,x,A):A()}else x()},jo=(u,h)=>{let m;for(;u!==h;)m=y(u),r(u),u=m;r(h)},Vo=(u,h,m)=>{const{bum:T,scope:w,job:x,subTree:P,um:O,m:A,a:C}=u;Er(A),Er(C),T&&bn(T),w.stop(),x&&(x.flags|=8,De(P,u,h,m)),O&&xe(O,h),xe(()=>{u.isUnmounted=!0},h),h&&h.pendingBranch&&!h.isUnmounted&&u.asyncDep&&!u.asyncResolved&&u.suspenseId===h.pendingId&&(h.deps--,h.deps===0&&h.resolve())},It=(u,h,m,T=!1,w=!1,x=0)=>{for(let P=x;P<u.length;P++)De(u[P],h,m,T,w)},on=u=>{if(u.shapeFlag&6)return on(u.component.subTree);if(u.shapeFlag&128)return u.suspense.next();const h=y(u.anchor||u.el),m=h&&h[Ii];return m?y(m):h};let Yn=!1;const or=(u,h,m)=>{u==null?h._vnode&&De(h._vnode,null,null,!0):b(h._vnode||null,u,h,null,null,null,m),h._vnode=u,Yn||(Yn=!0,dr(),Rn(),Yn=!1)},vt={p:b,um:De,m:ot,r:ir,mt:se,mc:V,pc:D,pbc:_,n:on,o:e};let Xn,Jn;return t&&([Xn,Jn]=t(vt)),{render:or,hydrate:Xn,createApp:hc(or,Xn)}}function rs({type:e,props:t},n){return n==="svg"&&e==="foreignObject"||n==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function lt({effect:e,job:t},n){n?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function io(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function Qs(e,t,n=!1){const s=e.children,r=t.children;if(K(s)&&K(r))for(let i=0;i<s.length;i++){const o=s[i];let l=r[i];l.shapeFlag&1&&!l.dynamicChildren&&((l.patchFlag<=0||l.patchFlag===32)&&(l=r[i]=et(r[i]),l.el=o.el),!n&&l.patchFlag!==-2&&Qs(o,l)),l.type===gt&&(l.el=o.el)}}function xc(e){const t=e.slice(),n=[0];let s,r,i,o,l;const c=e.length;for(s=0;s<c;s++){const f=e[s];if(f!==0){if(r=n[n.length-1],e[r]<f){t[s]=r,n.push(s);continue}for(i=0,o=n.length-1;i<o;)l=i+o>>1,e[n[l]]<f?i=l+1:o=l;f<e[n[i]]&&(i>0&&(t[s]=n[i-1]),n[i]=s)}}for(i=n.length,o=n[i-1];i-- >0;)n[i]=o,o=t[o];return n}function oo(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:oo(t)}function Er(e){if(e)for(let t=0;t<e.length;t++)e[t].flags|=8}const Ec=Symbol.for("v-scx"),Tc=()=>Ot(Ec);function Zs(e,t){return Wn(e,null,t)}function Rf(e,t){return Wn(e,null,{flush:"post"})}function Fe(e,t,n){return Wn(e,t,n)}function Wn(e,t,n=Z){const{immediate:s,deep:r,flush:i,once:o}=n,l=ce({},n),c=t&&s||!t&&i!=="post";let f;if(Mt){if(i==="sync"){const v=Tc();f=v.__watcherHandles||(v.__watcherHandles=[])}else if(!c){const v=()=>{};return v.stop=ke,v.resume=ke,v.pause=ke,v}}const a=ue;l.call=(v,S,b)=>He(v,a,S,b);let d=!1;i==="post"?l.scheduler=v=>{xe(v,a&&a.suspense)}:i!=="sync"&&(d=!0,l.scheduler=(v,S)=>{S?v():Gs(v)}),l.augmentJob=v=>{t&&(v.flags|=4),d&&(v.flags|=2,a&&(v.id=a.uid,v.i=a))};const y=Il(e,t,l);return Mt&&(f?f.push(y):c&&y()),y}function Cc(e,t,n){const s=this.proxy,r=re(e)?e.includes(".")?lo(s,e):()=>s[e]:e.bind(s,s);let i;q(t)?i=t:(i=t.handler,n=t);const o=sn(this),l=Wn(r,i.bind(s),n);return o(),l}function lo(e,t){const n=t.split(".");return()=>{let s=e;for(let r=0;r<n.length&&s;r++)s=s[n[r]];return s}}const Ac=(e,t)=>t==="modelValue"||t==="model-value"?e.modelModifiers:e[`${t}Modifiers`]||e[`${Le(t)}Modifiers`]||e[`${st(t)}Modifiers`];function Rc(e,t,...n){if(e.isUnmounted)return;const s=e.vnode.props||Z;let r=n;const i=t.startsWith("update:"),o=i&&Ac(s,t.slice(7));o&&(o.trim&&(r=n.map(a=>re(a)?a.trim():a)),o.number&&(r=n.map(vs)));let l,c=s[l=vn(t)]||s[l=vn(Le(t))];!c&&i&&(c=s[l=vn(st(t))]),c&&He(c,e,6,r);const f=s[l+"Once"];if(f){if(!e.emitted)e.emitted={};else if(e.emitted[l])return;e.emitted[l]=!0,He(f,e,6,r)}}function co(e,t,n=!1){const s=t.emitsCache,r=s.get(e);if(r!==void 0)return r;const i=e.emits;let o={},l=!1;if(!q(e)){const c=f=>{const a=co(f,t,!0);a&&(l=!0,ce(o,a))};!n&&t.mixins.length&&t.mixins.forEach(c),e.extends&&c(e.extends),e.mixins&&e.mixins.forEach(c)}return!i&&!l?(ne(e)&&s.set(e,null),null):(K(i)?i.forEach(c=>o[c]=null):ce(o,i),ne(e)&&s.set(e,o),o)}function Kn(e,t){return!e||!Zt(t)?!1:(t=t.slice(2).replace(/Once$/,""),z(e,t[0].toLowerCase()+t.slice(1))||z(e,st(t))||z(e,t))}function is(e){const{type:t,vnode:n,proxy:s,withProxy:r,propsOptions:[i],slots:o,attrs:l,emit:c,render:f,renderCache:a,props:d,data:y,setupState:v,ctx:S,inheritAttrs:b}=e,B=On(e);let N,j;try{if(n.shapeFlag&4){const g=r||s,M=g;N=Me(f.call(M,g,a,d,v,y,S)),j=l}else{const g=t;N=Me(g.length>1?g(d,{attrs:l,slots:o,emit:c}):g(d,null)),j=t.props?l:Oc(l)}}catch(g){Bt.length=0,tn(g,e,1),N=le(ve)}let p=N;if(j&&b!==!1){const g=Object.keys(j),{shapeFlag:M}=p;g.length&&M&7&&(i&&g.some(Fs)&&(j=Mc(j,i)),p=nt(p,j,!1,!0))}return n.dirs&&(p=nt(p,null,!1,!0),p.dirs=p.dirs?p.dirs.concat(n.dirs):n.dirs),n.transition&&Yt(p,n.transition),N=p,On(B),N}const Oc=e=>{let t;for(const n in e)(n==="class"||n==="style"||Zt(n))&&((t||(t={}))[n]=e[n]);return t},Mc=(e,t)=>{const n={};for(const s in e)(!Fs(s)||!(s.slice(9)in t))&&(n[s]=e[s]);return n};function Pc(e,t,n){const{props:s,children:r,component:i}=e,{props:o,children:l,patchFlag:c}=t,f=i.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return s?Tr(s,o,f):!!o;if(c&8){const a=t.dynamicProps;for(let d=0;d<a.length;d++){const y=a[d];if(o[y]!==s[y]&&!Kn(f,y))return!0}}}else return(r||l)&&(!l||!l.$stable)?!0:s===o?!1:s?o?Tr(s,o,f):!0:!!o;return!1}function Tr(e,t,n){const s=Object.keys(t);if(s.length!==Object.keys(e).length)return!0;for(let r=0;r<s.length;r++){const i=s[r];if(t[i]!==e[i]&&!Kn(n,i))return!0}return!1}function Lc({vnode:e,parent:t},n){for(;t;){const s=t.subTree;if(s.suspense&&s.suspense.activeBranch===e&&(s.el=e.el),s===e)(e=t.vnode).el=n,t=t.parent;else break}}const ao=e=>e.__isSuspense;function fo(e,t){t&&t.pendingBranch?K(e)?t.effects.push(...e):t.effects.push(e):Hl(e)}const Se=Symbol.for("v-fgt"),gt=Symbol.for("v-txt"),ve=Symbol.for("v-cmt"),kt=Symbol.for("v-stc"),Bt=[];let Ae=null;function Os(e=!1){Bt.push(Ae=e?null:[])}function Ic(){Bt.pop(),Ae=Bt[Bt.length-1]||null}let Xt=1;function Cr(e){Xt+=e,e<0&&Ae&&(Ae.hasOnce=!0)}function uo(e){return e.dynamicChildren=Xt>0?Ae||Et:null,Ic(),Xt>0&&Ae&&Ae.push(e),e}function Of(e,t,n,s,r,i){return uo(po(e,t,n,s,r,i,!0))}function Ms(e,t,n,s,r){return uo(le(e,t,n,s,r,!0))}function Jt(e){return e?e.__v_isVNode===!0:!1}function ut(e,t){return e.type===t.type&&e.key===t.key}const ho=({key:e})=>e??null,Sn=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?re(e)||fe(e)||q(e)?{i:de,r:e,k:t,f:!!n}:e:null);function po(e,t=null,n=null,s=0,r=null,i=e===Se?0:1,o=!1,l=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&ho(t),ref:t&&Sn(t),scopeId:Li,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:s,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:de};return l?(er(c,n),i&128&&e.normalize(c)):n&&(c.shapeFlag|=re(n)?8:16),Xt>0&&!o&&Ae&&(c.patchFlag>0||i&6)&&c.patchFlag!==32&&Ae.push(c),c}const le=Nc;function Nc(e,t=null,n=null,s=0,r=null,i=!1){if((!e||e===Wi)&&(e=ve),Jt(e)){const l=nt(e,t,!0);return n&&er(l,n),Xt>0&&!i&&Ae&&(l.shapeFlag&6?Ae[Ae.indexOf(e)]=l:Ae.push(l)),l.patchFlag=-2,l}if(Wc(e)&&(e=e.__vccOpts),t){t=Fc(t);let{class:l,style:c}=t;l&&!re(l)&&(t.class=js(l)),ne(c)&&(Ks(c)&&!K(c)&&(c=ce({},c)),t.style=Ds(c))}const o=re(e)?1:ao(e)?128:Ni(e)?64:ne(e)?4:q(e)?2:0;return po(e,t,n,s,r,o,i,!0)}function Fc(e){return e?Ks(e)||zi(e)?ce({},e):e:null}function nt(e,t,n=!1,s=!1){const{props:r,ref:i,patchFlag:o,children:l,transition:c}=e,f=t?Hc(r||{},t):r,a={__v_isVNode:!0,__v_skip:!0,type:e.type,props:f,key:f&&ho(f),ref:t&&t.ref?n&&i?K(i)?i.concat(Sn(t)):[i,Sn(t)]:Sn(t):i,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:l,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Se?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:c,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&nt(e.ssContent),ssFallback:e.ssFallback&&nt(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return c&&s&&Yt(a,c.clone(a)),a}function go(e=" ",t=0){return le(gt,null,e,t)}function Mf(e,t){const n=le(kt,null,e);return n.staticCount=t,n}function Pf(e="",t=!1){return t?(Os(),Ms(ve,null,e)):le(ve,null,e)}function Me(e){return e==null||typeof e=="boolean"?le(ve):K(e)?le(Se,null,e.slice()):Jt(e)?et(e):le(gt,null,String(e))}function et(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:nt(e)}function er(e,t){let n=0;const{shapeFlag:s}=e;if(t==null)t=null;else if(K(t))n=16;else if(typeof t=="object")if(s&65){const r=t.default;r&&(r._c&&(r._d=!1),er(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!zi(t)?t._ctx=de:r===3&&de&&(de.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else q(t)?(t={default:t,_ctx:de},n=32):(t=String(t),s&64?(n=16,t=[go(t)]):n=8);e.children=t,e.shapeFlag|=n}function Hc(...e){const t={};for(let n=0;n<e.length;n++){const s=e[n];for(const r in s)if(r==="class")t.class!==s.class&&(t.class=js([t.class,s.class]));else if(r==="style")t.style=Ds([t.style,s.style]);else if(Zt(r)){const i=t[r],o=s[r];o&&i!==o&&!(K(i)&&i.includes(o))&&(t[r]=i?[].concat(i,o):o)}else r!==""&&(t[r]=s[r])}return t}function Oe(e,t,n,s=null){He(e,t,7,[n,s])}const $c=Yi();let Dc=0;function jc(e,t,n){const s=e.type,r=(t?t.appContext:e.appContext)||$c,i={uid:Dc++,vnode:e,type:s,parent:t,appContext:r,root:null,next:null,subTree:null,effect:null,update:null,job:null,scope:new el(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(r.provides),ids:t?t.ids:["",0,0],accessCache:null,renderCache:[],components:null,directives:null,propsOptions:Zi(s,r),emitsOptions:co(s,r),emit:null,emitted:null,propsDefaults:Z,inheritAttrs:s.inheritAttrs,ctx:Z,data:Z,props:Z,attrs:Z,slots:Z,refs:Z,setupState:Z,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return i.ctx={_:i},i.root=t?t.root:i,i.emit=Rc.bind(null,i),e.ce&&e.ce(i),i}let ue=null;const qn=()=>ue||de;let Ln,Ps;{const e=Hn(),t=(n,s)=>{let r;return(r=e[n])||(r=e[n]=[]),r.push(s),i=>{r.length>1?r.forEach(o=>o(i)):r[0](i)}};Ln=t("__VUE_INSTANCE_SETTERS__",n=>ue=n),Ps=t("__VUE_SSR_SETTERS__",n=>Mt=n)}const sn=e=>{const t=ue;return Ln(e),e.scope.on(),()=>{e.scope.off(),Ln(t)}},Ar=()=>{ue&&ue.scope.off(),Ln(null)};function mo(e){return e.vnode.shapeFlag&4}let Mt=!1;function Vc(e,t=!1,n=!1){t&&Ps(t);const{props:s,children:r}=e.vnode,i=mo(e);gc(e,s,i,t),bc(e,r,n);const o=i?Uc(e,t):void 0;return t&&Ps(!1),o}function Uc(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,ic);const{setup:s}=n;if(s){rt();const r=e.setupContext=s.length>1?vo(e):null,i=sn(e),o=en(s,e,0,[e.props,r]),l=ri(o);if(it(),i(),(l||e.sp)&&!pt(e)&&Xs(e),l){if(o.then(Ar,Ar),t)return o.then(c=>{Rr(e,c,t)}).catch(c=>{tn(c,e,0)});e.asyncDep=o}else Rr(e,o,t)}else yo(e,t)}function Rr(e,t,n){q(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:ne(t)&&(e.setupState=Ri(t)),yo(e,n)}let Or;function yo(e,t,n){const s=e.type;if(!e.render){if(!t&&Or&&!s.render){const r=s.template||Js(e).template;if(r){const{isCustomElement:i,compilerOptions:o}=e.appContext.config,{delimiters:l,compilerOptions:c}=s,f=ce(ce({isCustomElement:i,delimiters:l},o),c);s.render=Or(r,f)}}e.render=s.render||ke}{const r=sn(e);rt();try{lc(e)}finally{it(),r()}}}const kc={get(e,t){return me(e,"get",""),e[t]}};function vo(e){const t=n=>{e.exposed=n||{}};return{attrs:new Proxy(e.attrs,kc),slots:e.slots,emit:e.emit,expose:t}}function Gn(e){return e.exposed?e.exposeProxy||(e.exposeProxy=new Proxy(Ri(_n(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in Ut)return Ut[n](e)},has(t,n){return n in t||n in Ut}})):e.proxy}function Bc(e,t=!0){return q(e)?e.displayName||e.name:e.name||t&&e.__name}function Wc(e){return q(e)&&"__vccOpts"in e}const ie=(e,t)=>Pl(e,t,Mt);function Ls(e,t,n){const s=arguments.length;return s===2?ne(t)&&!K(t)?Jt(t)?le(e,null,[t]):le(e,t):le(e,null,t):(s>3?n=Array.prototype.slice.call(arguments,2):s===3&&Jt(n)&&(n=[n]),le(e,t,n))}const Kc="3.5.12";/**
+* @vue/runtime-dom v3.5.12
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/let Is;const Mr=typeof window<"u"&&window.trustedTypes;if(Mr)try{Is=Mr.createPolicy("vue",{createHTML:e=>e})}catch{}const bo=Is?e=>Is.createHTML(e):e=>e,qc="http://www.w3.org/2000/svg",Gc="http://www.w3.org/1998/Math/MathML",Ke=typeof document<"u"?document:null,Pr=Ke&&Ke.createElement("template"),Yc={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const r=t==="svg"?Ke.createElementNS(qc,e):t==="mathml"?Ke.createElementNS(Gc,e):n?Ke.createElement(e,{is:n}):Ke.createElement(e);return e==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:e=>Ke.createTextNode(e),createComment:e=>Ke.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Ke.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,r,i){const o=n?n.previousSibling:t.lastChild;if(r&&(r===i||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===i||!(r=r.nextSibling)););else{Pr.innerHTML=bo(s==="svg"?`<svg>${e}</svg>`:s==="mathml"?`<math>${e}</math>`:e);const l=Pr.content;if(s==="svg"||s==="mathml"){const c=l.firstChild;for(;c.firstChild;)l.appendChild(c.firstChild);l.removeChild(c)}t.insertBefore(l,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},Je="transition",Ht="animation",zt=Symbol("_vtc"),_o={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},Xc=ce({},Hi,_o),Jc=e=>(e.displayName="Transition",e.props=Xc,e),Lf=Jc((e,{slots:t})=>Ls(Bl,zc(e),t)),ct=(e,t=[])=>{K(e)?e.forEach(n=>n(...t)):e&&e(...t)},Lr=e=>e?K(e)?e.some(t=>t.length>1):e.length>1:!1;function zc(e){const t={};for(const E in e)E in _o||(t[E]=e[E]);if(e.css===!1)return t;const{name:n="v",type:s,duration:r,enterFromClass:i=`${n}-enter-from`,enterActiveClass:o=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=i,appearActiveClass:f=o,appearToClass:a=l,leaveFromClass:d=`${n}-leave-from`,leaveActiveClass:y=`${n}-leave-active`,leaveToClass:v=`${n}-leave-to`}=e,S=Qc(r),b=S&&S[0],B=S&&S[1],{onBeforeEnter:N,onEnter:j,onEnterCancelled:p,onLeave:g,onLeaveCancelled:M,onBeforeAppear:F=N,onAppear:$=j,onAppearCancelled:V=p}=t,R=(E,W,se)=>{at(E,W?a:l),at(E,W?f:o),se&&se()},_=(E,W)=>{E._isLeaving=!1,at(E,d),at(E,v),at(E,y),W&&W()},I=E=>(W,se)=>{const ae=E?$:j,U=()=>R(W,E,se);ct(ae,[W,U]),Ir(()=>{at(W,E?c:i),ze(W,E?a:l),Lr(ae)||Nr(W,s,b,U)})};return ce(t,{onBeforeEnter(E){ct(N,[E]),ze(E,i),ze(E,o)},onBeforeAppear(E){ct(F,[E]),ze(E,c),ze(E,f)},onEnter:I(!1),onAppear:I(!0),onLeave(E,W){E._isLeaving=!0;const se=()=>_(E,W);ze(E,d),ze(E,y),ta(),Ir(()=>{E._isLeaving&&(at(E,d),ze(E,v),Lr(g)||Nr(E,s,B,se))}),ct(g,[E,se])},onEnterCancelled(E){R(E,!1),ct(p,[E])},onAppearCancelled(E){R(E,!0),ct(V,[E])},onLeaveCancelled(E){_(E),ct(M,[E])}})}function Qc(e){if(e==null)return null;if(ne(e))return[os(e.enter),os(e.leave)];{const t=os(e);return[t,t]}}function os(e){return qo(e)}function ze(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.add(n)),(e[zt]||(e[zt]=new Set)).add(t)}function at(e,t){t.split(/\s+/).forEach(s=>s&&e.classList.remove(s));const n=e[zt];n&&(n.delete(t),n.size||(e[zt]=void 0))}function Ir(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let Zc=0;function Nr(e,t,n,s){const r=e._endId=++Zc,i=()=>{r===e._endId&&s()};if(n!=null)return setTimeout(i,n);const{type:o,timeout:l,propCount:c}=ea(e,t);if(!o)return s();const f=o+"end";let a=0;const d=()=>{e.removeEventListener(f,y),i()},y=v=>{v.target===e&&++a>=c&&d()};setTimeout(()=>{a<c&&d()},l+1),e.addEventListener(f,y)}function ea(e,t){const n=window.getComputedStyle(e),s=S=>(n[S]||"").split(", "),r=s(`${Je}Delay`),i=s(`${Je}Duration`),o=Fr(r,i),l=s(`${Ht}Delay`),c=s(`${Ht}Duration`),f=Fr(l,c);let a=null,d=0,y=0;t===Je?o>0&&(a=Je,d=o,y=i.length):t===Ht?f>0&&(a=Ht,d=f,y=c.length):(d=Math.max(o,f),a=d>0?o>f?Je:Ht:null,y=a?a===Je?i.length:c.length:0);const v=a===Je&&/\b(transform|all)(,|$)/.test(s(`${Je}Property`).toString());return{type:a,timeout:d,propCount:y,hasTransform:v}}function Fr(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map((n,s)=>Hr(n)+Hr(e[s])))}function Hr(e){return e==="auto"?0:Number(e.slice(0,-1).replace(",","."))*1e3}function ta(){return document.body.offsetHeight}function na(e,t,n){const s=e[zt];s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const $r=Symbol("_vod"),sa=Symbol("_vsh"),ra=Symbol(""),ia=/(^|;)\s*display\s*:/;function oa(e,t,n){const s=e.style,r=re(n);let i=!1;if(n&&!r){if(t)if(re(t))for(const o of t.split(";")){const l=o.slice(0,o.indexOf(":")).trim();n[l]==null&&xn(s,l,"")}else for(const o in t)n[o]==null&&xn(s,o,"");for(const o in n)o==="display"&&(i=!0),xn(s,o,n[o])}else if(r){if(t!==n){const o=s[ra];o&&(n+=";"+o),s.cssText=n,i=ia.test(n)}}else t&&e.removeAttribute("style");$r in e&&(e[$r]=i?s.display:"",e[sa]&&(s.display="none"))}const Dr=/\s*!important$/;function xn(e,t,n){if(K(n))n.forEach(s=>xn(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=la(e,t);Dr.test(n)?e.setProperty(st(s),n.replace(Dr,""),"important"):e[s]=n}}const jr=["Webkit","Moz","ms"],ls={};function la(e,t){const n=ls[t];if(n)return n;let s=Le(t);if(s!=="filter"&&s in e)return ls[t]=s;s=Fn(s);for(let r=0;r<jr.length;r++){const i=jr[r]+s;if(i in e)return ls[t]=i}return t}const Vr="http://www.w3.org/1999/xlink";function Ur(e,t,n,s,r,i=Qo(t)){s&&t.startsWith("xlink:")?n==null?e.removeAttributeNS(Vr,t.slice(6,t.length)):e.setAttributeNS(Vr,t,n):n==null||i&&!ci(n)?e.removeAttribute(t):e.setAttribute(t,i?"":Ye(n)?String(n):n)}function kr(e,t,n,s,r){if(t==="innerHTML"||t==="textContent"){n!=null&&(e[t]=t==="innerHTML"?bo(n):n);return}const i=e.tagName;if(t==="value"&&i!=="PROGRESS"&&!i.includes("-")){const l=i==="OPTION"?e.getAttribute("value")||"":e.value,c=n==null?e.type==="checkbox"?"on":"":String(n);(l!==c||!("_value"in e))&&(e.value=c),n==null&&e.removeAttribute(t),e._value=n;return}let o=!1;if(n===""||n==null){const l=typeof e[t];l==="boolean"?n=ci(n):n==null&&l==="string"?(n="",o=!0):l==="number"&&(n=0,o=!0)}try{e[t]=n}catch{}o&&e.removeAttribute(r||t)}function St(e,t,n,s){e.addEventListener(t,n,s)}function ca(e,t,n,s){e.removeEventListener(t,n,s)}const Br=Symbol("_vei");function aa(e,t,n,s,r=null){const i=e[Br]||(e[Br]={}),o=i[t];if(s&&o)o.value=s;else{const[l,c]=fa(t);if(s){const f=i[t]=ha(s,r);St(e,l,f,c)}else o&&(ca(e,l,o,c),i[t]=void 0)}}const Wr=/(?:Once|Passive|Capture)$/;function fa(e){let t;if(Wr.test(e)){t={};let s;for(;s=e.match(Wr);)e=e.slice(0,e.length-s[0].length),t[s[0].toLowerCase()]=!0}return[e[2]===":"?e.slice(3):st(e.slice(2)),t]}let cs=0;const ua=Promise.resolve(),da=()=>cs||(ua.then(()=>cs=0),cs=Date.now());function ha(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;He(pa(s,n.value),t,5,[s])};return n.value=e,n.attached=da(),n}function pa(e,t){if(K(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>r=>!r._stopped&&s&&s(r))}else return t}const Kr=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,ga=(e,t,n,s,r,i)=>{const o=r==="svg";t==="class"?na(e,s,o):t==="style"?oa(e,n,s):Zt(t)?Fs(t)||aa(e,t,n,s,i):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):ma(e,t,s,o))?(kr(e,t,s),!e.tagName.includes("-")&&(t==="value"||t==="checked"||t==="selected")&&Ur(e,t,s,o,i,t!=="value")):e._isVueCE&&(/[A-Z]/.test(t)||!re(s))?kr(e,Le(t),s,i,t):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),Ur(e,t,s,o))};function ma(e,t,n,s){if(s)return!!(t==="innerHTML"||t==="textContent"||t in e&&Kr(t)&&q(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const r=e.tagName;if(r==="IMG"||r==="VIDEO"||r==="CANVAS"||r==="SOURCE")return!1}return Kr(t)&&re(n)?!1:t in e}const qr=e=>{const t=e.props["onUpdate:modelValue"]||!1;return K(t)?n=>bn(t,n):t};function ya(e){e.target.composing=!0}function Gr(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}const as=Symbol("_assign"),If={created(e,{modifiers:{lazy:t,trim:n,number:s}},r){e[as]=qr(r);const i=s||r.props&&r.props.type==="number";St(e,t?"change":"input",o=>{if(o.target.composing)return;let l=e.value;n&&(l=l.trim()),i&&(l=vs(l)),e[as](l)}),n&&St(e,"change",()=>{e.value=e.value.trim()}),t||(St(e,"compositionstart",ya),St(e,"compositionend",Gr),St(e,"change",Gr))},mounted(e,{value:t}){e.value=t??""},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:s,trim:r,number:i}},o){if(e[as]=qr(o),e.composing)return;const l=(i||e.type==="number")&&!/^0\d/.test(e.value)?vs(e.value):e.value,c=t??"";l!==c&&(document.activeElement===e&&e.type!=="range"&&(s&&t===n||r&&e.value.trim()===c)||(e.value=c))}},va=["ctrl","shift","alt","meta"],ba={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>va.some(n=>e[`${n}Key`]&&!t.includes(n))},Nf=(e,t)=>{const n=e._withMods||(e._withMods={}),s=t.join(".");return n[s]||(n[s]=(r,...i)=>{for(let o=0;o<t.length;o++){const l=ba[t[o]];if(l&&l(r,t))return}return e(r,...i)})},_a={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},Ff=(e,t)=>{const n=e._withKeys||(e._withKeys={}),s=t.join(".");return n[s]||(n[s]=r=>{if(!("key"in r))return;const i=st(r.key);if(t.some(o=>o===i||_a[o]===i))return e(r)})},wo=ce({patchProp:ga},Yc);let Wt,Yr=!1;function wa(){return Wt||(Wt=wc(wo))}function Sa(){return Wt=Yr?Wt:Sc(wo),Yr=!0,Wt}const Hf=(...e)=>{const t=wa().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=xo(s);if(!r)return;const i=t._component;!q(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent="");const o=n(r,!1,So(r));return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),o},t},$f=(...e)=>{const t=Sa().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=xo(s);if(r)return n(r,!0,So(r))},t};function So(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function xo(e){return re(e)?document.querySelector(e):e}const xa=window.__VP_SITE_DATA__;function tr(e){return ui()?(tl(e),!0):!1}function Be(e){return typeof e=="function"?e():Ai(e)}const Eo=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Df=e=>e!=null,Ea=Object.prototype.toString,Ta=e=>Ea.call(e)==="[object Object]",Qt=()=>{},Xr=Ca();function Ca(){var e,t;return Eo&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((t=window==null?void 0:window.navigator)==null?void 0:t.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function Aa(e,t){function n(...s){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,s),{fn:t,thisArg:this,args:s})).then(r).catch(i)})}return n}const To=e=>e();function Ra(e,t={}){let n,s,r=Qt;const i=l=>{clearTimeout(l),r(),r=Qt};return l=>{const c=Be(e),f=Be(t.maxWait);return n&&i(n),c<=0||f!==void 0&&f<=0?(s&&(i(s),s=null),Promise.resolve(l())):new Promise((a,d)=>{r=t.rejectOnCancel?d:a,f&&!s&&(s=setTimeout(()=>{n&&i(n),s=null,a(l())},f)),n=setTimeout(()=>{s&&i(s),s=null,a(l())},c)})}}function Oa(e=To){const t=oe(!0);function n(){t.value=!1}function s(){t.value=!0}const r=(...i)=>{t.value&&e(...i)};return{isActive:Vn(t),pause:n,resume:s,eventFilter:r}}function Ma(e){return qn()}function Co(...e){if(e.length!==1)return Rl(...e);const t=e[0];return typeof t=="function"?Vn(Tl(()=>({get:t,set:Qt}))):oe(t)}function Ao(e,t,n={}){const{eventFilter:s=To,...r}=n;return Fe(e,Aa(s,t),r)}function Pa(e,t,n={}){const{eventFilter:s,...r}=n,{eventFilter:i,pause:o,resume:l,isActive:c}=Oa(s);return{stop:Ao(e,t,{...r,eventFilter:i}),pause:o,resume:l,isActive:c}}function nr(e,t=!0,n){Ma()?Lt(e,n):t?e():Un(e)}function jf(e,t,n={}){const{debounce:s=0,maxWait:r=void 0,...i}=n;return Ao(e,t,{...i,eventFilter:Ra(s,{maxWait:r})})}function Vf(e,t,n){let s;fe(n)?s={evaluating:n}:s={};const{lazy:r=!1,evaluating:i=void 0,shallow:o=!0,onError:l=Qt}=s,c=oe(!r),f=o?qs(t):oe(t);let a=0;return Zs(async d=>{if(!c.value)return;a++;const y=a;let v=!1;i&&Promise.resolve().then(()=>{i.value=!0});try{const S=await e(b=>{d(()=>{i&&(i.value=!1),v||b()})});y===a&&(f.value=S)}catch(S){l(S)}finally{i&&y===a&&(i.value=!1),v=!0}}),r?ie(()=>(c.value=!0,f.value)):f}const $e=Eo?window:void 0;function Ro(e){var t;const n=Be(e);return(t=n==null?void 0:n.$el)!=null?t:n}function Pt(...e){let t,n,s,r;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,s,r]=e,t=$e):[t,n,s,r]=e,!t)return Qt;Array.isArray(n)||(n=[n]),Array.isArray(s)||(s=[s]);const i=[],o=()=>{i.forEach(a=>a()),i.length=0},l=(a,d,y,v)=>(a.addEventListener(d,y,v),()=>a.removeEventListener(d,y,v)),c=Fe(()=>[Ro(t),Be(r)],([a,d])=>{if(o(),!a)return;const y=Ta(d)?{...d}:d;i.push(...n.flatMap(v=>s.map(S=>l(a,v,S,y))))},{immediate:!0,flush:"post"}),f=()=>{c(),o()};return tr(f),f}function La(e){return typeof e=="function"?e:typeof e=="string"?t=>t.key===e:Array.isArray(e)?t=>e.includes(t.key):()=>!0}function Uf(...e){let t,n,s={};e.length===3?(t=e[0],n=e[1],s=e[2]):e.length===2?typeof e[1]=="object"?(t=!0,n=e[0],s=e[1]):(t=e[0],n=e[1]):(t=!0,n=e[0]);const{target:r=$e,eventName:i="keydown",passive:o=!1,dedupe:l=!1}=s,c=La(t);return Pt(r,i,a=>{a.repeat&&Be(l)||c(a)&&n(a)},o)}function Ia(){const e=oe(!1),t=qn();return t&&Lt(()=>{e.value=!0},t),e}function Na(e){const t=Ia();return ie(()=>(t.value,!!e()))}function Oo(e,t={}){const{window:n=$e}=t,s=Na(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let r;const i=oe(!1),o=f=>{i.value=f.matches},l=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",o):r.removeListener(o))},c=Zs(()=>{s.value&&(l(),r=n.matchMedia(Be(e)),"addEventListener"in r?r.addEventListener("change",o):r.addListener(o),i.value=r.matches)});return tr(()=>{c(),l(),r=void 0}),i}const pn=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},gn="__vueuse_ssr_handlers__",Fa=Ha();function Ha(){return gn in pn||(pn[gn]=pn[gn]||{}),pn[gn]}function Mo(e,t){return Fa[e]||t}function sr(e){return Oo("(prefers-color-scheme: dark)",e)}function $a(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const Da={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},Jr="vueuse-storage";function rr(e,t,n,s={}){var r;const{flush:i="pre",deep:o=!0,listenToStorageChanges:l=!0,writeDefaults:c=!0,mergeDefaults:f=!1,shallow:a,window:d=$e,eventFilter:y,onError:v=_=>{console.error(_)},initOnMounted:S}=s,b=(a?qs:oe)(typeof t=="function"?t():t);if(!n)try{n=Mo("getDefaultStorage",()=>{var _;return(_=$e)==null?void 0:_.localStorage})()}catch(_){v(_)}if(!n)return b;const B=Be(t),N=$a(B),j=(r=s.serializer)!=null?r:Da[N],{pause:p,resume:g}=Pa(b,()=>F(b.value),{flush:i,deep:o,eventFilter:y});d&&l&&nr(()=>{n instanceof Storage?Pt(d,"storage",V):Pt(d,Jr,R),S&&V()}),S||V();function M(_,I){if(d){const E={key:e,oldValue:_,newValue:I,storageArea:n};d.dispatchEvent(n instanceof Storage?new StorageEvent("storage",E):new CustomEvent(Jr,{detail:E}))}}function F(_){try{const I=n.getItem(e);if(_==null)M(I,null),n.removeItem(e);else{const E=j.write(_);I!==E&&(n.setItem(e,E),M(I,E))}}catch(I){v(I)}}function $(_){const I=_?_.newValue:n.getItem(e);if(I==null)return c&&B!=null&&n.setItem(e,j.write(B)),B;if(!_&&f){const E=j.read(I);return typeof f=="function"?f(E,B):N==="object"&&!Array.isArray(E)?{...B,...E}:E}else return typeof I!="string"?I:j.read(I)}function V(_){if(!(_&&_.storageArea!==n)){if(_&&_.key==null){b.value=B;return}if(!(_&&_.key!==e)){p();try{(_==null?void 0:_.newValue)!==j.write(b.value)&&(b.value=$(_))}catch(I){v(I)}finally{_?Un(g):g()}}}}function R(_){V(_.detail)}return b}const ja="*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";function Va(e={}){const{selector:t="html",attribute:n="class",initialValue:s="auto",window:r=$e,storage:i,storageKey:o="vueuse-color-scheme",listenToStorageChanges:l=!0,storageRef:c,emitAuto:f,disableTransition:a=!0}=e,d={auto:"",light:"light",dark:"dark",...e.modes||{}},y=sr({window:r}),v=ie(()=>y.value?"dark":"light"),S=c||(o==null?Co(s):rr(o,s,i,{window:r,listenToStorageChanges:l})),b=ie(()=>S.value==="auto"?v.value:S.value),B=Mo("updateHTMLAttrs",(g,M,F)=>{const $=typeof g=="string"?r==null?void 0:r.document.querySelector(g):Ro(g);if(!$)return;const V=new Set,R=new Set;let _=null;if(M==="class"){const E=F.split(/\s/g);Object.values(d).flatMap(W=>(W||"").split(/\s/g)).filter(Boolean).forEach(W=>{E.includes(W)?V.add(W):R.add(W)})}else _={key:M,value:F};if(V.size===0&&R.size===0&&_===null)return;let I;a&&(I=r.document.createElement("style"),I.appendChild(document.createTextNode(ja)),r.document.head.appendChild(I));for(const E of V)$.classList.add(E);for(const E of R)$.classList.remove(E);_&&$.setAttribute(_.key,_.value),a&&(r.getComputedStyle(I).opacity,document.head.removeChild(I))});function N(g){var M;B(t,n,(M=d[g])!=null?M:g)}function j(g){e.onChanged?e.onChanged(g,N):N(g)}Fe(b,j,{flush:"post",immediate:!0}),nr(()=>j(b.value));const p=ie({get(){return f?S.value:b.value},set(g){S.value=g}});try{return Object.assign(p,{store:S,system:v,state:b})}catch{return p}}function Ua(e={}){const{valueDark:t="dark",valueLight:n="",window:s=$e}=e,r=Va({...e,onChanged:(l,c)=>{var f;e.onChanged?(f=e.onChanged)==null||f.call(e,l==="dark",c,l):c(l)},modes:{dark:t,light:n}}),i=ie(()=>r.system?r.system.value:sr({window:s}).value?"dark":"light");return ie({get(){return r.value==="dark"},set(l){const c=l?"dark":"light";i.value===c?r.value="auto":r.value=c}})}function fs(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function kf(e,t,n={}){const{window:s=$e}=n;return rr(e,t,s==null?void 0:s.localStorage,n)}function Po(e){const t=window.getComputedStyle(e);if(t.overflowX==="scroll"||t.overflowY==="scroll"||t.overflowX==="auto"&&e.clientWidth<e.scrollWidth||t.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const n=e.parentNode;return!n||n.tagName==="BODY"?!1:Po(n)}}function ka(e){const t=e||window.event,n=t.target;return Po(n)?!1:t.touches.length>1?!0:(t.preventDefault&&t.preventDefault(),!1)}const us=new WeakMap;function Bf(e,t=!1){const n=oe(t);let s=null,r="";Fe(Co(e),l=>{const c=fs(Be(l));if(c){const f=c;if(us.get(f)||us.set(f,f.style.overflow),f.style.overflow!=="hidden"&&(r=f.style.overflow),f.style.overflow==="hidden")return n.value=!0;if(n.value)return f.style.overflow="hidden"}},{immediate:!0});const i=()=>{const l=fs(Be(e));!l||n.value||(Xr&&(s=Pt(l,"touchmove",c=>{ka(c)},{passive:!1})),l.style.overflow="hidden",n.value=!0)},o=()=>{const l=fs(Be(e));!l||!n.value||(Xr&&(s==null||s()),l.style.overflow=r,us.delete(l),n.value=!1)};return tr(o),ie({get(){return n.value},set(l){l?i():o()}})}function Wf(e,t,n={}){const{window:s=$e}=n;return rr(e,t,s==null?void 0:s.sessionStorage,n)}function Kf(e={}){const{window:t=$e,behavior:n="auto"}=e;if(!t)return{x:oe(0),y:oe(0)};const s=oe(t.scrollX),r=oe(t.scrollY),i=ie({get(){return s.value},set(l){scrollTo({left:l,behavior:n})}}),o=ie({get(){return r.value},set(l){scrollTo({top:l,behavior:n})}});return Pt(t,"scroll",()=>{s.value=t.scrollX,r.value=t.scrollY},{capture:!1,passive:!0}),{x:i,y:o}}function qf(e={}){const{window:t=$e,initialWidth:n=Number.POSITIVE_INFINITY,initialHeight:s=Number.POSITIVE_INFINITY,listenOrientation:r=!0,includeScrollbar:i=!0,type:o="inner"}=e,l=oe(n),c=oe(s),f=()=>{t&&(o==="outer"?(l.value=t.outerWidth,c.value=t.outerHeight):i?(l.value=t.innerWidth,c.value=t.innerHeight):(l.value=t.document.documentElement.clientWidth,c.value=t.document.documentElement.clientHeight))};if(f(),nr(f),Pt("resize",f,{passive:!0}),r){const a=Oo("(orientation: portrait)");Fe(a,()=>f())}return{width:l,height:c}}const ds={BASE_URL:"/SukiUI/",DEV:!1,MODE:"production",PROD:!0,SSR:!1};var hs={};const Lo=/^(?:[a-z]+:|\/\/)/i,Ba="vitepress-theme-appearance",Wa=/#.*$/,Ka=/[?#].*$/,qa=/(?:(^|\/)index)?\.(?:md|html)$/,ge=typeof document<"u",Io={relativePath:"404.md",filePath:"",title:"404",description:"Not Found",headers:[],frontmatter:{sidebar:!1,layout:"page"},lastUpdated:0,isNotFound:!0};function Ga(e,t,n=!1){if(t===void 0)return!1;if(e=zr(`/${e}`),n)return new RegExp(t).test(e);if(zr(t)!==e)return!1;const s=t.match(Wa);return s?(ge?location.hash:"")===s[0]:!0}function zr(e){return decodeURI(e).replace(Ka,"").replace(qa,"$1")}function Ya(e){return Lo.test(e)}function Xa(e,t){return Object.keys((e==null?void 0:e.locales)||{}).find(n=>n!=="root"&&!Ya(n)&&Ga(t,`/${n}/`,!0))||"root"}function Ja(e,t){var s,r,i,o,l,c,f;const n=Xa(e,t);return Object.assign({},e,{localeIndex:n,lang:((s=e.locales[n])==null?void 0:s.lang)??e.lang,dir:((r=e.locales[n])==null?void 0:r.dir)??e.dir,title:((i=e.locales[n])==null?void 0:i.title)??e.title,titleTemplate:((o=e.locales[n])==null?void 0:o.titleTemplate)??e.titleTemplate,description:((l=e.locales[n])==null?void 0:l.description)??e.description,head:Fo(e.head,((c=e.locales[n])==null?void 0:c.head)??[]),themeConfig:{...e.themeConfig,...(f=e.locales[n])==null?void 0:f.themeConfig}})}function No(e,t){const n=t.title||e.title,s=t.titleTemplate??e.titleTemplate;if(typeof s=="string"&&s.includes(":title"))return s.replace(/:title/g,n);const r=za(e.title,s);return n===r.slice(3)?n:`${n}${r}`}function za(e,t){return t===!1?"":t===!0||t===void 0?` | ${e}`:e===t?"":` | ${t}`}function Qa(e,t){const[n,s]=t;if(n!=="meta")return!1;const r=Object.entries(s)[0];return r==null?!1:e.some(([i,o])=>i===n&&o[r[0]]===r[1])}function Fo(e,t){return[...e.filter(n=>!Qa(t,n)),...t]}const Za=/[\u0000-\u001F"#$&*+,:;<=>?[\]^`{|}\u007F]/g,ef=/^[a-z]:/i;function Qr(e){const t=ef.exec(e),n=t?t[0]:"";return n+e.slice(n.length).replace(Za,"_").replace(/(^|\/)_+(?=[^/]*$)/,"$1")}const ps=new Set;function tf(e){if(ps.size===0){const n=typeof process=="object"&&(hs==null?void 0:hs.VITE_EXTRA_EXTENSIONS)||(ds==null?void 0:ds.VITE_EXTRA_EXTENSIONS)||"";("3g2,3gp,aac,ai,apng,au,avif,bin,bmp,cer,class,conf,crl,css,csv,dll,doc,eps,epub,exe,gif,gz,ics,ief,jar,jpe,jpeg,jpg,js,json,jsonld,m4a,man,mid,midi,mjs,mov,mp2,mp3,mp4,mpe,mpeg,mpg,mpp,oga,ogg,ogv,ogx,opus,otf,p10,p7c,p7m,p7s,pdf,png,ps,qt,roff,rtf,rtx,ser,svg,t,tif,tiff,tr,ts,tsv,ttf,txt,vtt,wav,weba,webm,webp,woff,woff2,xhtml,xml,yaml,yml,zip"+(n&&typeof n=="string"?","+n:"")).split(",").forEach(s=>ps.add(s))}const t=e.split(".").pop();return t==null||!ps.has(t.toLowerCase())}function Gf(e){return e.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}const nf=Symbol(),mt=qs(xa);function Yf(e){const t=ie(()=>Ja(mt.value,e.data.relativePath)),n=t.value.appearance,s=n==="force-dark"?oe(!0):n==="force-auto"?sr():n?Ua({storageKey:Ba,initialValue:()=>n==="dark"?"dark":"auto",...typeof n=="object"?n:{}}):oe(!1),r=oe(ge?location.hash:"");return ge&&window.addEventListener("hashchange",()=>{r.value=location.hash}),Fe(()=>e.data,()=>{r.value=ge?location.hash:""}),{site:t,theme:ie(()=>t.value.themeConfig),page:ie(()=>e.data),frontmatter:ie(()=>e.data.frontmatter),params:ie(()=>e.data.params),lang:ie(()=>t.value.lang),dir:ie(()=>e.data.frontmatter.dir||t.value.dir),localeIndex:ie(()=>t.value.localeIndex||"root"),title:ie(()=>No(t.value,e.data)),description:ie(()=>e.data.description||t.value.description),isDark:s,hash:ie(()=>r.value)}}function sf(){const e=Ot(nf);if(!e)throw new Error("vitepress data not properly injected in app");return e}function rf(e,t){return`${e}${t}`.replace(/\/+/g,"/")}function Zr(e){return Lo.test(e)||!e.startsWith("/")?e:rf(mt.value.base,e)}function of(e){let t=e.replace(/\.html$/,"");if(t=decodeURIComponent(t),t=t.replace(/\/$/,"/index"),ge){const n="/SukiUI/";t=Qr(t.slice(n.length).replace(/\//g,"_")||"index")+".md";let s=__VP_HASH_MAP__[t.toLowerCase()];if(s||(t=t.endsWith("_index.md")?t.slice(0,-9)+".md":t.slice(0,-3)+"_index.md",s=__VP_HASH_MAP__[t.toLowerCase()]),!s)return null;t=`${n}assets/${t}.${s}.js`}else t=`./${Qr(t.slice(1).replace(/\//g,"_"))}.md.js`;return t}let En=[];function Xf(e){En.push(e),Bn(()=>{En=En.filter(t=>t!==e)})}function lf(){let e=mt.value.scrollOffset,t=0,n=24;if(typeof e=="object"&&"padding"in e&&(n=e.padding,e=e.selector),typeof e=="number")t=e;else if(typeof e=="string")t=ei(e,n);else if(Array.isArray(e))for(const s of e){const r=ei(s,n);if(r){t=r;break}}return t}function ei(e,t){const n=document.querySelector(e);if(!n)return 0;const s=n.getBoundingClientRect().bottom;return s<0?0:s+t}const cf=Symbol(),Ho="http://a.com",af=()=>({path:"/",component:null,data:Io});function Jf(e,t){const n=jn(af()),s={route:n,go:r};async function r(l=ge?location.href:"/"){var c,f;l=gs(l),await((c=s.onBeforeRouteChange)==null?void 0:c.call(s,l))!==!1&&(ge&&l!==gs(location.href)&&(history.replaceState({scrollPosition:window.scrollY},""),history.pushState({},"",l)),await o(l),await((f=s.onAfterRouteChanged)==null?void 0:f.call(s,l)))}let i=null;async function o(l,c=0,f=!1){var y,v;if(await((y=s.onBeforePageLoad)==null?void 0:y.call(s,l))===!1)return;const a=new URL(l,Ho),d=i=a.pathname;try{let S=await e(d);if(!S)throw new Error(`Page not found: ${d}`);if(i===d){i=null;const{default:b,__pageData:B}=S;if(!b)throw new Error(`Invalid route component: ${b}`);await((v=s.onAfterPageLoad)==null?void 0:v.call(s,l)),n.path=ge?d:Zr(d),n.component=_n(b),n.data=_n(B),ge&&Un(()=>{let N=mt.value.base+B.relativePath.replace(/(?:(^|\/)index)?\.md$/,"$1");if(!mt.value.cleanUrls&&!N.endsWith("/")&&(N+=".html"),N!==a.pathname&&(a.pathname=N,l=N+a.search+a.hash,history.replaceState({},"",l)),a.hash&&!c){let j=null;try{j=document.getElementById(decodeURIComponent(a.hash).slice(1))}catch(p){console.warn(p)}if(j){ti(j,a.hash);return}}window.scrollTo(0,c)})}}catch(S){if(!/fetch|Page not found/.test(S.message)&&!/^\/404(\.html|\/)?$/.test(l)&&console.error(S),!f)try{const b=await fetch(mt.value.base+"hashmap.json");window.__VP_HASH_MAP__=await b.json(),await o(l,c,!0);return}catch{}if(i===d){i=null,n.path=ge?d:Zr(d),n.component=t?_n(t):null;const b=ge?d.replace(/(^|\/)$/,"$1index").replace(/(\.html)?$/,".md").replace(/^\//,""):"404.md";n.data={...Io,relativePath:b}}}}return ge&&(history.state===null&&history.replaceState({},""),window.addEventListener("click",l=>{if(l.defaultPrevented||!(l.target instanceof Element)||l.target.closest("button")||l.button!==0||l.ctrlKey||l.shiftKey||l.altKey||l.metaKey)return;const c=l.target.closest("a");if(!c||c.closest(".vp-raw")||c.hasAttribute("download")||c.hasAttribute("target"))return;const f=c.getAttribute("href")??(c instanceof SVGAElement?c.getAttribute("xlink:href"):null);if(f==null)return;const{href:a,origin:d,pathname:y,hash:v,search:S}=new URL(f,c.baseURI),b=new URL(location.href);d===b.origin&&tf(y)&&(l.preventDefault(),y===b.pathname&&S===b.search?(v!==b.hash&&(history.pushState({},"",a),window.dispatchEvent(new HashChangeEvent("hashchange",{oldURL:b.href,newURL:a}))),v?ti(c,v,c.classList.contains("header-anchor")):window.scrollTo(0,0)):r(a))},{capture:!0}),window.addEventListener("popstate",async l=>{var c;l.state!==null&&(await o(gs(location.href),l.state&&l.state.scrollPosition||0),(c=s.onAfterRouteChanged)==null||c.call(s,location.href))}),window.addEventListener("hashchange",l=>{l.preventDefault()})),s}function ff(){const e=Ot(cf);if(!e)throw new Error("useRouter() is called without provider.");return e}function $o(){return ff().route}function ti(e,t,n=!1){let s=null;try{s=e.classList.contains("header-anchor")?e:document.getElementById(decodeURIComponent(t).slice(1))}catch(r){console.warn(r)}if(s){let r=function(){!n||Math.abs(o-window.scrollY)>window.innerHeight?window.scrollTo(0,o):window.scrollTo({left:0,top:o,behavior:"smooth"})};const i=parseInt(window.getComputedStyle(s).paddingTop,10),o=window.scrollY+s.getBoundingClientRect().top-lf()+i;requestAnimationFrame(r)}}function gs(e){const t=new URL(e,Ho);return t.pathname=t.pathname.replace(/(^|\/)index(\.html)?$/,"$1"),mt.value.cleanUrls?t.pathname=t.pathname.replace(/\.html$/,""):!t.pathname.endsWith("/")&&!t.pathname.endsWith(".html")&&(t.pathname+=".html"),t.pathname+t.search+t.hash}const mn=()=>En.forEach(e=>e()),zf=Ys({name:"VitePressContent",props:{as:{type:[Object,String],default:"div"}},setup(e){const t=$o(),{frontmatter:n,site:s}=sf();return Fe(n,mn,{deep:!0,flush:"post"}),()=>Ls(e.as,s.value.contentProps??{style:{position:"relative"}},[t.component?Ls(t.component,{onVnodeMounted:mn,onVnodeUpdated:mn,onVnodeUnmounted:mn}):"404 Page Not Found"])}}),Qf=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},uf="modulepreload",df=function(e){return"/SukiUI/"+e},ni={},Zf=function(t,n,s){let r=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const o=document.querySelector("meta[property=csp-nonce]"),l=(o==null?void 0:o.nonce)||(o==null?void 0:o.getAttribute("nonce"));r=Promise.allSettled(n.map(c=>{if(c=df(c),c in ni)return;ni[c]=!0;const f=c.endsWith(".css"),a=f?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${c}"]${a}`))return;const d=document.createElement("link");if(d.rel=f?"stylesheet":uf,f||(d.as="script"),d.crossOrigin="",d.href=c,l&&d.setAttribute("nonce",l),document.head.appendChild(d),f)return new Promise((y,v)=>{d.addEventListener("load",y),d.addEventListener("error",()=>v(new Error(`Unable to preload CSS for ${c}`)))})}))}function i(o){const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=o,window.dispatchEvent(l),!l.defaultPrevented)throw o}return r.then(o=>{for(const l of o||[])l.status==="rejected"&&i(l.reason);return t().catch(i)})},eu=Ys({setup(e,{slots:t}){const n=oe(!1);return Lt(()=>{n.value=!0}),()=>n.value&&t.default?t.default():null}});function tu(){ge&&window.addEventListener("click",e=>{var n;const t=e.target;if(t.matches(".vp-code-group input")){const s=(n=t.parentElement)==null?void 0:n.parentElement;if(!s)return;const r=Array.from(s.querySelectorAll("input")).indexOf(t);if(r<0)return;const i=s.querySelector(".blocks");if(!i)return;const o=Array.from(i.children).find(f=>f.classList.contains("active"));if(!o)return;const l=i.children[r];if(!l||o===l)return;o.classList.remove("active"),l.classList.add("active");const c=s==null?void 0:s.querySelector(`label[for="${t.id}"]`);c==null||c.scrollIntoView({block:"nearest"})}})}function nu(){if(ge){const e=new WeakMap;window.addEventListener("click",t=>{var s;const n=t.target;if(n.matches('div[class*="language-"] > button.copy')){const r=n.parentElement,i=(s=n.nextElementSibling)==null?void 0:s.nextElementSibling;if(!r||!i)return;const o=/language-(shellscript|shell|bash|sh|zsh)/.test(r.className),l=[".vp-copy-ignore",".diff.remove"],c=i.cloneNode(!0);c.querySelectorAll(l.join(",")).forEach(a=>a.remove());let f=c.textContent||"";o&&(f=f.replace(/^ *(\$|>) /gm,"").trim()),hf(f).then(()=>{n.classList.add("copied"),clearTimeout(e.get(n));const a=setTimeout(()=>{n.classList.remove("copied"),n.blur(),e.delete(n)},2e3);e.set(n,a)})}})}}async function hf(e){try{return navigator.clipboard.writeText(e)}catch{const t=document.createElement("textarea"),n=document.activeElement;t.value=e,t.setAttribute("readonly",""),t.style.contain="strict",t.style.position="absolute",t.style.left="-9999px",t.style.fontSize="12pt";const s=document.getSelection(),r=s?s.rangeCount>0&&s.getRangeAt(0):null;document.body.appendChild(t),t.select(),t.selectionStart=0,t.selectionEnd=e.length,document.execCommand("copy"),document.body.removeChild(t),r&&(s.removeAllRanges(),s.addRange(r)),n&&n.focus()}}function su(e,t){let n=!0,s=[];const r=i=>{if(n){n=!1,i.forEach(l=>{const c=ms(l);for(const f of document.head.children)if(f.isEqualNode(c)){s.push(f);return}});return}const o=i.map(ms);s.forEach((l,c)=>{const f=o.findIndex(a=>a==null?void 0:a.isEqualNode(l??null));f!==-1?delete o[f]:(l==null||l.remove(),delete s[c])}),o.forEach(l=>l&&document.head.appendChild(l)),s=[...s,...o].filter(Boolean)};Zs(()=>{const i=e.data,o=t.value,l=i&&i.description,c=i&&i.frontmatter.head||[],f=No(o,i);f!==document.title&&(document.title=f);const a=l||o.description;let d=document.querySelector("meta[name=description]");d?d.getAttribute("content")!==a&&d.setAttribute("content",a):ms(["meta",{name:"description",content:a}]),r(Fo(o.head,gf(c)))})}function ms([e,t,n]){const s=document.createElement(e);for(const r in t)s.setAttribute(r,t[r]);return n&&(s.innerHTML=n),e==="script"&&t.async==null&&(s.async=!1),s}function pf(e){return e[0]==="meta"&&e[1]&&e[1].name==="description"}function gf(e){return e.filter(t=>!pf(t))}const ys=new Set,Do=()=>document.createElement("link"),mf=e=>{const t=Do();t.rel="prefetch",t.href=e,document.head.appendChild(t)},yf=e=>{const t=new XMLHttpRequest;t.open("GET",e,t.withCredentials=!0),t.send()};let yn;const vf=ge&&(yn=Do())&&yn.relList&&yn.relList.supports&&yn.relList.supports("prefetch")?mf:yf;function ru(){if(!ge||!window.IntersectionObserver)return;let e;if((e=navigator.connection)&&(e.saveData||/2g/.test(e.effectiveType)))return;const t=window.requestIdleCallback||setTimeout;let n=null;const s=()=>{n&&n.disconnect(),n=new IntersectionObserver(i=>{i.forEach(o=>{if(o.isIntersecting){const l=o.target;n.unobserve(l);const{pathname:c}=l;if(!ys.has(c)){ys.add(c);const f=of(c);f&&vf(f)}}})}),t(()=>{document.querySelectorAll("#app a").forEach(i=>{const{hostname:o,pathname:l}=new URL(i.href instanceof SVGAnimatedString?i.href.animVal:i.href,i.baseURI),c=l.match(/\.\w+$/);c&&c[0]!==".html"||i.target!=="_blank"&&o===location.hostname&&(l!==location.pathname?n.observe(i):ys.add(l))})})};Lt(s);const r=$o();Fe(()=>r.path,s),Bn(()=>{n&&n.disconnect()})}export{ki as $,lf as A,Sf as B,Ef as C,qs as D,Xf as E,Se as F,le as G,xf as H,Lo as I,$o as J,Hc as K,Ot as L,qf as M,Ds as N,Uf as O,Un as P,Kf as Q,ge as R,Vn as S,Lf as T,wf as U,Zf as V,Bf as W,pc as X,Ff as Y,Cf as Z,Qf as _,go as a,Nf as a0,Af as a1,Mf as a2,su as a3,cf as a4,Yf as a5,nf as a6,zf as a7,eu as a8,mt as a9,$f as aa,Jf as ab,of as ac,ru as ad,nu as ae,tu as af,Ls as ag,Be as ah,Ro as ai,Df as aj,tr as ak,Vf as al,Wf as am,kf as an,jf as ao,ff as ap,Pt as aq,bf as ar,If as as,fe as at,_f as au,_n as av,Hf as aw,Gf as ax,Ms as b,Of as c,Ys as d,Pf as e,tf as f,Zr as g,ie as h,Ya as i,po as j,Ai as k,Ga as l,Oo as m,js as n,Os as o,oe as p,Fe as q,Tf as r,Zs as s,Zo as t,sf as u,Lt as v,$l as w,Bn as x,Rf as y,ec as z};
diff --git a/assets/chunks/theme.BOdvyBRz.js b/assets/chunks/theme.BOdvyBRz.js
new file mode 100644
index 000000000..f13aef5ac
--- /dev/null
+++ b/assets/chunks/theme.BOdvyBRz.js
@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/chunks/VPLocalSearchBox.DwKDREVG.js","assets/chunks/framework.CoCfjAIq.js"])))=>i.map(i=>d[i]);
+import{d as m,o as a,c as u,r as c,n as I,a as j,t as M,b as k,w as p,e as h,T as ue,_ as g,u as Be,i as Ce,f as He,g as de,h as y,j as d,k as r,l as z,m as ae,p as N,q as D,s as Y,v as K,x as ve,y as pe,z as Ee,A as Fe,B as q,F as w,C,D as $e,E as Q,G as _,H as E,I as ye,J as Z,K as U,L as x,M as De,N as Pe,O as re,P as Oe,Q as Le,R as ee,S as Ge,U as Ue,V as je,W as Ve,X as Se,Y as ze,Z as Ke,$ as qe,a0 as We,a1 as Re}from"./framework.CoCfjAIq.js";const Je=m({__name:"VPBadge",props:{text:{},type:{default:"tip"}},setup(s){return(e,t)=>(a(),u("span",{class:I(["VPBadge",e.type])},[c(e.$slots,"default",{},()=>[j(M(e.text),1)])],2))}}),Xe={key:0,class:"VPBackdrop"},Ye=m({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(s){return(e,t)=>(a(),k(ue,{name:"fade"},{default:p(()=>[e.show?(a(),u("div",Xe)):h("",!0)]),_:1}))}}),Qe=g(Ye,[["__scopeId","data-v-ffcb74bc"]]),L=Be;function Ze(s,e){let t,o=!1;return()=>{t&&clearTimeout(t),o?t=setTimeout(s,e):(s(),(o=!0)&&setTimeout(()=>o=!1,e))}}function ie(s){return/^\//.test(s)?s:`/${s}`}function fe(s){const{pathname:e,search:t,hash:o,protocol:n}=new URL(s,"http://a.com");if(Ce(s)||s.startsWith("#")||!n.startsWith("http")||!He(e))return s;const{site:i}=L(),l=e.endsWith("/")||e.endsWith(".html")?s:s.replace(/(?:(^\.+)\/)?.*$/,`$1${e.replace(/(\.md)?$/,i.value.cleanUrls?"":".html")}${t}${o}`);return de(l)}function R({correspondingLink:s=!1}={}){const{site:e,localeIndex:t,page:o,theme:n,hash:i}=L(),l=y(()=>{var v,$;return{label:(v=e.value.locales[t.value])==null?void 0:v.label,link:(($=e.value.locales[t.value])==null?void 0:$.link)||(t.value==="root"?"/":`/${t.value}/`)}});return{localeLinks:y(()=>Object.entries(e.value.locales).flatMap(([v,$])=>l.value.label===$.label?[]:{text:$.label,link:xe($.link||(v==="root"?"/":`/${v}/`),n.value.i18nRouting!==!1&&s,o.value.relativePath.slice(l.value.link.length-1),!e.value.cleanUrls)+i.value})),currentLang:l}}function xe(s,e,t,o){return e?s.replace(/\/$/,"")+ie(t.replace(/(^|\/)index\.md$/,"$1").replace(/\.md$/,o?".html":"")):s}const et={class:"NotFound"},tt={class:"code"},nt={class:"title"},ot={class:"quote"},st={class:"action"},at=["href","aria-label"],rt=m({__name:"NotFound",setup(s){const{theme:e}=L(),{currentLang:t}=R();return(o,n)=>{var i,l,f,v,$;return a(),u("div",et,[d("p",tt,M(((i=r(e).notFound)==null?void 0:i.code)??"404"),1),d("h1",nt,M(((l=r(e).notFound)==null?void 0:l.title)??"PAGE NOT FOUND"),1),n[0]||(n[0]=d("div",{class:"divider"},null,-1)),d("blockquote",ot,M(((f=r(e).notFound)==null?void 0:f.quote)??"But if you don't change your direction, and if you keep looking, you may end up where you are heading."),1),d("div",st,[d("a",{class:"link",href:r(de)(r(t).link),"aria-label":((v=r(e).notFound)==null?void 0:v.linkLabel)??"go to home"},M((($=r(e).notFound)==null?void 0:$.linkText)??"Take me home"),9,at)])])}}}),it=g(rt,[["__scopeId","data-v-99cbf896"]]);function Te(s,e){if(Array.isArray(s))return J(s);if(s==null)return[];e=ie(e);const t=Object.keys(s).sort((n,i)=>i.split("/").length-n.split("/").length).find(n=>e.startsWith(ie(n))),o=t?s[t]:[];return Array.isArray(o)?J(o):J(o.items,o.base)}function lt(s){const e=[];let t=0;for(const o in s){const n=s[o];if(n.items){t=e.push(n);continue}e[t]||e.push({items:[]}),e[t].items.push(n)}return e}function ct(s){const e=[];function t(o){for(const n of o)n.text&&n.link&&e.push({text:n.text,link:n.link,docFooterText:n.docFooterText}),n.items&&t(n.items)}return t(s),e}function le(s,e){return Array.isArray(e)?e.some(t=>le(s,t)):z(s,e.link)?!0:e.items?le(s,e.items):!1}function J(s,e){return[...s].map(t=>{const o={...t},n=o.base||e;return n&&o.link&&(o.link=n+o.link),o.items&&(o.items=J(o.items,n)),o})}function O(){const{frontmatter:s,page:e,theme:t}=L(),o=ae("(min-width: 960px)"),n=N(!1),i=y(()=>{const B=t.value.sidebar,S=e.value.relativePath;return B?Te(B,S):[]}),l=N(i.value);D(i,(B,S)=>{JSON.stringify(B)!==JSON.stringify(S)&&(l.value=i.value)});const f=y(()=>s.value.sidebar!==!1&&l.value.length>0&&s.value.layout!=="home"),v=y(()=>$?s.value.aside==null?t.value.aside==="left":s.value.aside==="left":!1),$=y(()=>s.value.layout==="home"?!1:s.value.aside!=null?!!s.value.aside:t.value.aside!==!1),V=y(()=>f.value&&o.value),b=y(()=>f.value?lt(l.value):[]);function P(){n.value=!0}function T(){n.value=!1}function A(){n.value?T():P()}return{isOpen:n,sidebar:l,sidebarGroups:b,hasSidebar:f,hasAside:$,leftAside:v,isSidebarEnabled:V,open:P,close:T,toggle:A}}function ut(s,e){let t;Y(()=>{t=s.value?document.activeElement:void 0}),K(()=>{window.addEventListener("keyup",o)}),ve(()=>{window.removeEventListener("keyup",o)});function o(n){n.key==="Escape"&&s.value&&(e(),t==null||t.focus())}}function dt(s){const{page:e,hash:t}=L(),o=N(!1),n=y(()=>s.value.collapsed!=null),i=y(()=>!!s.value.link),l=N(!1),f=()=>{l.value=z(e.value.relativePath,s.value.link)};D([e,s,t],f),K(f);const v=y(()=>l.value?!0:s.value.items?le(e.value.relativePath,s.value.items):!1),$=y(()=>!!(s.value.items&&s.value.items.length));Y(()=>{o.value=!!(n.value&&s.value.collapsed)}),pe(()=>{(l.value||v.value)&&(o.value=!1)});function V(){n.value&&(o.value=!o.value)}return{collapsed:o,collapsible:n,isLink:i,isActiveLink:l,hasActiveLink:v,hasChildren:$,toggle:V}}function vt(){const{hasSidebar:s}=O(),e=ae("(min-width: 960px)"),t=ae("(min-width: 1280px)");return{isAsideEnabled:y(()=>!t.value&&!e.value?!1:s.value?t.value:e.value)}}const ce=[];function Ne(s){return typeof s.outline=="object"&&!Array.isArray(s.outline)&&s.outline.label||s.outlineTitle||"On this page"}function he(s){const e=[...document.querySelectorAll(".VPDoc :where(h1,h2,h3,h4,h5,h6)")].filter(t=>t.id&&t.hasChildNodes()).map(t=>{const o=Number(t.tagName[1]);return{element:t,title:pt(t),link:"#"+t.id,level:o}});return ft(e,s)}function pt(s){let e="";for(const t of s.childNodes)if(t.nodeType===1){if(t.classList.contains("VPBadge")||t.classList.contains("header-anchor")||t.classList.contains("ignore-header"))continue;e+=t.textContent}else t.nodeType===3&&(e+=t.textContent);return e.trim()}function ft(s,e){if(e===!1)return[];const t=(typeof e=="object"&&!Array.isArray(e)?e.level:e)||2,[o,n]=typeof t=="number"?[t,t]:t==="deep"?[2,6]:t;return _t(s,o,n)}function ht(s,e){const{isAsideEnabled:t}=vt(),o=Ze(i,100);let n=null;K(()=>{requestAnimationFrame(i),window.addEventListener("scroll",o)}),Ee(()=>{l(location.hash)}),ve(()=>{window.removeEventListener("scroll",o)});function i(){if(!t.value)return;const f=window.scrollY,v=window.innerHeight,$=document.body.offsetHeight,V=Math.abs(f+v-$)<1,b=ce.map(({element:T,link:A})=>({link:A,top:mt(T)})).filter(({top:T})=>!Number.isNaN(T)).sort((T,A)=>T.top-A.top);if(!b.length){l(null);return}if(f<1){l(null);return}if(V){l(b[b.length-1].link);return}let P=null;for(const{link:T,top:A}of b){if(A>f+Fe()+4)break;P=T}l(P)}function l(f){n&&n.classList.remove("active"),f==null?n=null:n=s.value.querySelector(`a[href="${decodeURIComponent(f)}"]`);const v=n;v?(v.classList.add("active"),e.value.style.top=v.offsetTop+39+"px",e.value.style.opacity="1"):(e.value.style.top="33px",e.value.style.opacity="0")}}function mt(s){let e=0;for(;s!==document.body;){if(s===null)return NaN;e+=s.offsetTop,s=s.offsetParent}return e}function _t(s,e,t){ce.length=0;const o=[],n=[];return s.forEach(i=>{const l={...i,children:[]};let f=n[n.length-1];for(;f&&f.level>=l.level;)n.pop(),f=n[n.length-1];if(l.element.classList.contains("ignore-header")||f&&"shouldIgnore"in f){n.push({level:l.level,shouldIgnore:!0});return}l.level>t||l.level<e||(ce.push({element:l.element,link:l.link}),f?f.children.push(l):o.push(l),n.push(l))}),o}const kt=["href","title"],bt=m({__name:"VPDocOutlineItem",props:{headers:{},root:{type:Boolean}},setup(s){function e({target:t}){const o=t.href.split("#")[1],n=document.getElementById(decodeURIComponent(o));n==null||n.focus({preventScroll:!0})}return(t,o)=>{const n=q("VPDocOutlineItem",!0);return a(),u("ul",{class:I(["VPDocOutlineItem",t.root?"root":"nested"])},[(a(!0),u(w,null,C(t.headers,({children:i,link:l,title:f})=>(a(),u("li",null,[d("a",{class:"outline-link",href:l,onClick:e,title:f},M(f),9,kt),i!=null&&i.length?(a(),k(n,{key:0,headers:i},null,8,["headers"])):h("",!0)]))),256))],2)}}}),Me=g(bt,[["__scopeId","data-v-bd19aa7b"]]),gt={class:"content"},$t={"aria-level":"2",class:"outline-title",id:"doc-outline-aria-label",role:"heading"},yt=m({__name:"VPDocAsideOutline",setup(s){const{frontmatter:e,theme:t}=L(),o=$e([]);Q(()=>{o.value=he(e.value.outline??t.value.outline)});const n=N(),i=N();return ht(n,i),(l,f)=>(a(),u("nav",{"aria-labelledby":"doc-outline-aria-label",class:I(["VPDocAsideOutline",{"has-outline":o.value.length>0}]),ref_key:"container",ref:n},[d("div",gt,[d("div",{class:"outline-marker",ref_key:"marker",ref:i},null,512),d("div",$t,M(r(Ne)(r(t))),1),_(Me,{headers:o.value,root:!0},null,8,["headers"])])],2))}}),Pt=g(yt,[["__scopeId","data-v-539d03d7"]]),Lt={class:"VPDocAsideCarbonAds"},Vt=m({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(s){const e=()=>null;return(t,o)=>(a(),u("div",Lt,[_(r(e),{"carbon-ads":t.carbonAds},null,8,["carbon-ads"])]))}}),St={class:"VPDocAside"},Tt=m({__name:"VPDocAside",setup(s){const{theme:e}=L();return(t,o)=>(a(),u("div",St,[c(t.$slots,"aside-top",{},void 0,!0),c(t.$slots,"aside-outline-before",{},void 0,!0),_(Pt),c(t.$slots,"aside-outline-after",{},void 0,!0),o[0]||(o[0]=d("div",{class:"spacer"},null,-1)),c(t.$slots,"aside-ads-before",{},void 0,!0),r(e).carbonAds?(a(),k(Vt,{key:0,"carbon-ads":r(e).carbonAds},null,8,["carbon-ads"])):h("",!0),c(t.$slots,"aside-ads-after",{},void 0,!0),c(t.$slots,"aside-bottom",{},void 0,!0)]))}}),Nt=g(Tt,[["__scopeId","data-v-50efae82"]]);function Mt(){const{theme:s,page:e}=L();return y(()=>{const{text:t="Edit this page",pattern:o=""}=s.value.editLink||{};let n;return typeof o=="function"?n=o(e.value):n=o.replace(/:path/g,e.value.filePath),{url:n,text:t}})}function It(){const{page:s,theme:e,frontmatter:t}=L();return y(()=>{var $,V,b,P,T,A,B,S;const o=Te(e.value.sidebar,s.value.relativePath),n=ct(o),i=wt(n,H=>H.link.replace(/[?#].*$/,"")),l=i.findIndex(H=>z(s.value.relativePath,H.link)),f=(($=e.value.docFooter)==null?void 0:$.prev)===!1&&!t.value.prev||t.value.prev===!1,v=((V=e.value.docFooter)==null?void 0:V.next)===!1&&!t.value.next||t.value.next===!1;return{prev:f?void 0:{text:(typeof t.value.prev=="string"?t.value.prev:typeof t.value.prev=="object"?t.value.prev.text:void 0)??((b=i[l-1])==null?void 0:b.docFooterText)??((P=i[l-1])==null?void 0:P.text),link:(typeof t.value.prev=="object"?t.value.prev.link:void 0)??((T=i[l-1])==null?void 0:T.link)},next:v?void 0:{text:(typeof t.value.next=="string"?t.value.next:typeof t.value.next=="object"?t.value.next.text:void 0)??((A=i[l+1])==null?void 0:A.docFooterText)??((B=i[l+1])==null?void 0:B.text),link:(typeof t.value.next=="object"?t.value.next.link:void 0)??((S=i[l+1])==null?void 0:S.link)}}})}function wt(s,e){const t=new Set;return s.filter(o=>{const n=e(o);return t.has(n)?!1:t.add(n)})}const F=m({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(s){const e=s,t=y(()=>e.tag??(e.href?"a":"span")),o=y(()=>e.href&&ye.test(e.href)||e.target==="_blank");return(n,i)=>(a(),k(E(t.value),{class:I(["VPLink",{link:n.href,"vp-external-link-icon":o.value,"no-icon":n.noIcon}]),href:n.href?r(fe)(n.href):void 0,target:n.target??(o.value?"_blank":void 0),rel:n.rel??(o.value?"noreferrer":void 0)},{default:p(()=>[c(n.$slots,"default")]),_:3},8,["class","href","target","rel"]))}}),At={class:"VPLastUpdated"},Bt=["datetime"],Ct=m({__name:"VPDocFooterLastUpdated",setup(s){const{theme:e,page:t,lang:o}=L(),n=y(()=>new Date(t.value.lastUpdated)),i=y(()=>n.value.toISOString()),l=N("");return K(()=>{Y(()=>{var f,v,$;l.value=new Intl.DateTimeFormat((v=(f=e.value.lastUpdated)==null?void 0:f.formatOptions)!=null&&v.forceLocale?o.value:void 0,(($=e.value.lastUpdated)==null?void 0:$.formatOptions)??{dateStyle:"short",timeStyle:"short"}).format(n.value)})}),(f,v)=>{var $;return a(),u("p",At,[j(M((($=r(e).lastUpdated)==null?void 0:$.text)||r(e).lastUpdatedText||"Last updated")+": ",1),d("time",{datetime:i.value},M(l.value),9,Bt)])}}}),Ht=g(Ct,[["__scopeId","data-v-72d8ecba"]]),Et={key:0,class:"VPDocFooter"},Ft={key:0,class:"edit-info"},Dt={key:0,class:"edit-link"},Ot={key:1,class:"last-updated"},Gt={key:1,class:"prev-next","aria-labelledby":"doc-footer-aria-label"},Ut={class:"pager"},jt=["innerHTML"],zt=["innerHTML"],Kt={class:"pager"},qt=["innerHTML"],Wt=["innerHTML"],Rt=m({__name:"VPDocFooter",setup(s){const{theme:e,page:t,frontmatter:o}=L(),n=Mt(),i=It(),l=y(()=>e.value.editLink&&o.value.editLink!==!1),f=y(()=>t.value.lastUpdated),v=y(()=>l.value||f.value||i.value.prev||i.value.next);return($,V)=>{var b,P,T,A;return v.value?(a(),u("footer",Et,[c($.$slots,"doc-footer-before",{},void 0,!0),l.value||f.value?(a(),u("div",Ft,[l.value?(a(),u("div",Dt,[_(F,{class:"edit-link-button",href:r(n).url,"no-icon":!0},{default:p(()=>[V[0]||(V[0]=d("span",{class:"vpi-square-pen edit-link-icon"},null,-1)),j(" "+M(r(n).text),1)]),_:1},8,["href"])])):h("",!0),f.value?(a(),u("div",Ot,[_(Ht)])):h("",!0)])):h("",!0),(b=r(i).prev)!=null&&b.link||(P=r(i).next)!=null&&P.link?(a(),u("nav",Gt,[V[1]||(V[1]=d("span",{class:"visually-hidden",id:"doc-footer-aria-label"},"Pager",-1)),d("div",Ut,[(T=r(i).prev)!=null&&T.link?(a(),k(F,{key:0,class:"pager-link prev",href:r(i).prev.link},{default:p(()=>{var B;return[d("span",{class:"desc",innerHTML:((B=r(e).docFooter)==null?void 0:B.prev)||"Previous page"},null,8,jt),d("span",{class:"title",innerHTML:r(i).prev.text},null,8,zt)]}),_:1},8,["href"])):h("",!0)]),d("div",Kt,[(A=r(i).next)!=null&&A.link?(a(),k(F,{key:0,class:"pager-link next",href:r(i).next.link},{default:p(()=>{var B;return[d("span",{class:"desc",innerHTML:((B=r(e).docFooter)==null?void 0:B.next)||"Next page"},null,8,qt),d("span",{class:"title",innerHTML:r(i).next.text},null,8,Wt)]}),_:1},8,["href"])):h("",!0)])])):h("",!0)])):h("",!0)}}}),Jt=g(Rt,[["__scopeId","data-v-b1357397"]]),Xt={class:"container"},Yt={class:"aside-container"},Qt={class:"aside-content"},Zt={class:"content"},xt={class:"content-container"},en={class:"main"},tn=m({__name:"VPDoc",setup(s){const{theme:e}=L(),t=Z(),{hasSidebar:o,hasAside:n,leftAside:i}=O(),l=y(()=>t.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(f,v)=>{const $=q("Content");return a(),u("div",{class:I(["VPDoc",{"has-sidebar":r(o),"has-aside":r(n)}])},[c(f.$slots,"doc-top",{},void 0,!0),d("div",Xt,[r(n)?(a(),u("div",{key:0,class:I(["aside",{"left-aside":r(i)}])},[v[0]||(v[0]=d("div",{class:"aside-curtain"},null,-1)),d("div",Yt,[d("div",Qt,[_(Nt,null,{"aside-top":p(()=>[c(f.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":p(()=>[c(f.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":p(()=>[c(f.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":p(()=>[c(f.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":p(()=>[c(f.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":p(()=>[c(f.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):h("",!0),d("div",Zt,[d("div",xt,[c(f.$slots,"doc-before",{},void 0,!0),d("main",en,[_($,{class:I(["vp-doc",[l.value,r(e).externalLinkIcon&&"external-link-icon-enabled"]])},null,8,["class"])]),_(Jt,null,{"doc-footer-before":p(()=>[c(f.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),c(f.$slots,"doc-after",{},void 0,!0)])])]),c(f.$slots,"doc-bottom",{},void 0,!0)],2)}}}),nn=g(tn,[["__scopeId","data-v-faed6907"]]),on=m({__name:"VPButton",props:{tag:{},size:{default:"medium"},theme:{default:"brand"},text:{},href:{},target:{},rel:{}},setup(s){const e=s,t=y(()=>e.href&&ye.test(e.href)),o=y(()=>e.tag||(e.href?"a":"button"));return(n,i)=>(a(),k(E(o.value),{class:I(["VPButton",[n.size,n.theme]]),href:n.href?r(fe)(n.href):void 0,target:e.target??(t.value?"_blank":void 0),rel:e.rel??(t.value?"noreferrer":void 0)},{default:p(()=>[j(M(n.text),1)]),_:1},8,["class","href","target","rel"]))}}),sn=g(on,[["__scopeId","data-v-ea2dae98"]]),an=["src","alt"],rn=m({inheritAttrs:!1,__name:"VPImage",props:{image:{},alt:{}},setup(s){return(e,t)=>{const o=q("VPImage",!0);return e.image?(a(),u(w,{key:0},[typeof e.image=="string"||"src"in e.image?(a(),u("img",U({key:0,class:"VPImage"},typeof e.image=="string"?e.$attrs:{...e.image,...e.$attrs},{src:r(de)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,an)):(a(),u(w,{key:1},[_(o,U({class:"dark",image:e.image.dark,alt:e.image.alt},e.$attrs),null,16,["image","alt"]),_(o,U({class:"light",image:e.image.light,alt:e.image.alt},e.$attrs),null,16,["image","alt"])],64))],64)):h("",!0)}}}),X=g(rn,[["__scopeId","data-v-b382c1b6"]]),ln={class:"container"},cn={class:"main"},un={key:0,class:"name"},dn=["innerHTML"],vn=["innerHTML"],pn=["innerHTML"],fn={key:0,class:"actions"},hn={key:0,class:"image"},mn={class:"image-container"},_n=m({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(s){const e=x("hero-image-slot-exists");return(t,o)=>(a(),u("div",{class:I(["VPHero",{"has-image":t.image||r(e)}])},[d("div",ln,[d("div",cn,[c(t.$slots,"home-hero-info-before",{},void 0,!0),c(t.$slots,"home-hero-info",{},()=>[t.name?(a(),u("h1",un,[d("span",{innerHTML:t.name,class:"clip"},null,8,dn)])):h("",!0),t.text?(a(),u("p",{key:1,innerHTML:t.text,class:"text"},null,8,vn)):h("",!0),t.tagline?(a(),u("p",{key:2,innerHTML:t.tagline,class:"tagline"},null,8,pn)):h("",!0)],!0),c(t.$slots,"home-hero-info-after",{},void 0,!0),t.actions?(a(),u("div",fn,[(a(!0),u(w,null,C(t.actions,n=>(a(),u("div",{key:n.link,class:"action"},[_(sn,{tag:"a",size:"medium",theme:n.theme,text:n.text,href:n.link,target:n.target,rel:n.rel},null,8,["theme","text","href","target","rel"])]))),128))])):h("",!0),c(t.$slots,"home-hero-actions-after",{},void 0,!0)]),t.image||r(e)?(a(),u("div",hn,[d("div",mn,[o[0]||(o[0]=d("div",{class:"image-bg"},null,-1)),c(t.$slots,"home-hero-image",{},()=>[t.image?(a(),k(X,{key:0,class:"image-src",image:t.image},null,8,["image"])):h("",!0)],!0)])])):h("",!0)])],2))}}),kn=g(_n,[["__scopeId","data-v-d5c7f06b"]]),bn=m({__name:"VPHomeHero",setup(s){const{frontmatter:e}=L();return(t,o)=>r(e).hero?(a(),k(kn,{key:0,class:"VPHomeHero",name:r(e).hero.name,text:r(e).hero.text,tagline:r(e).hero.tagline,image:r(e).hero.image,actions:r(e).hero.actions},{"home-hero-info-before":p(()=>[c(t.$slots,"home-hero-info-before")]),"home-hero-info":p(()=>[c(t.$slots,"home-hero-info")]),"home-hero-info-after":p(()=>[c(t.$slots,"home-hero-info-after")]),"home-hero-actions-after":p(()=>[c(t.$slots,"home-hero-actions-after")]),"home-hero-image":p(()=>[c(t.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):h("",!0)}}),gn={class:"box"},$n={key:0,class:"icon"},yn=["innerHTML"],Pn=["innerHTML"],Ln=["innerHTML"],Vn={key:4,class:"link-text"},Sn={class:"link-text-value"},Tn=m({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{},rel:{},target:{}},setup(s){return(e,t)=>(a(),k(F,{class:"VPFeature",href:e.link,rel:e.rel,target:e.target,"no-icon":!0,tag:e.link?"a":"div"},{default:p(()=>[d("article",gn,[typeof e.icon=="object"&&e.icon.wrap?(a(),u("div",$n,[_(X,{image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])])):typeof e.icon=="object"?(a(),k(X,{key:1,image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])):e.icon?(a(),u("div",{key:2,class:"icon",innerHTML:e.icon},null,8,yn)):h("",!0),d("h2",{class:"title",innerHTML:e.title},null,8,Pn),e.details?(a(),u("p",{key:3,class:"details",innerHTML:e.details},null,8,Ln)):h("",!0),e.linkText?(a(),u("div",Vn,[d("p",Sn,[j(M(e.linkText)+" ",1),t[0]||(t[0]=d("span",{class:"vpi-arrow-right link-text-icon"},null,-1))])])):h("",!0)])]),_:1},8,["href","rel","target","tag"]))}}),Nn=g(Tn,[["__scopeId","data-v-b6a92bf3"]]),Mn={key:0,class:"VPFeatures"},In={class:"container"},wn={class:"items"},An=m({__name:"VPFeatures",props:{features:{}},setup(s){const e=s,t=y(()=>{const o=e.features.length;if(o){if(o===2)return"grid-2";if(o===3)return"grid-3";if(o%3===0)return"grid-6";if(o>3)return"grid-4"}else return});return(o,n)=>o.features?(a(),u("div",Mn,[d("div",In,[d("div",wn,[(a(!0),u(w,null,C(o.features,i=>(a(),u("div",{key:i.title,class:I(["item",[t.value]])},[_(Nn,{icon:i.icon,title:i.title,details:i.details,link:i.link,"link-text":i.linkText,rel:i.rel,target:i.target},null,8,["icon","title","details","link","link-text","rel","target"])],2))),128))])])])):h("",!0)}}),Bn=g(An,[["__scopeId","data-v-e3746425"]]),Cn=m({__name:"VPHomeFeatures",setup(s){const{frontmatter:e}=L();return(t,o)=>r(e).features?(a(),k(Bn,{key:0,class:"VPHomeFeatures",features:r(e).features},null,8,["features"])):h("",!0)}}),Hn=m({__name:"VPHomeContent",setup(s){const{width:e}=De({initialWidth:0,includeScrollbar:!1});return(t,o)=>(a(),u("div",{class:"vp-doc container",style:Pe(r(e)?{"--vp-offset":`calc(50% - ${r(e)/2}px)`}:{})},[c(t.$slots,"default",{},void 0,!0)],4))}}),En=g(Hn,[["__scopeId","data-v-b4fdecfd"]]),Fn={class:"VPHome"},Dn=m({__name:"VPHome",setup(s){const{frontmatter:e}=L();return(t,o)=>{const n=q("Content");return a(),u("div",Fn,[c(t.$slots,"home-hero-before",{},void 0,!0),_(bn,null,{"home-hero-info-before":p(()=>[c(t.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":p(()=>[c(t.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":p(()=>[c(t.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":p(()=>[c(t.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":p(()=>[c(t.$slots,"home-hero-image",{},void 0,!0)]),_:3}),c(t.$slots,"home-hero-after",{},void 0,!0),c(t.$slots,"home-features-before",{},void 0,!0),_(Cn),c(t.$slots,"home-features-after",{},void 0,!0),r(e).markdownStyles!==!1?(a(),k(En,{key:0},{default:p(()=>[_(n)]),_:1})):(a(),k(n,{key:1}))])}}}),On=g(Dn,[["__scopeId","data-v-1e13c00a"]]),Gn={},Un={class:"VPPage"};function jn(s,e){const t=q("Content");return a(),u("div",Un,[c(s.$slots,"page-top"),_(t),c(s.$slots,"page-bottom")])}const zn=g(Gn,[["render",jn]]),Kn=m({__name:"VPContent",setup(s){const{page:e,frontmatter:t}=L(),{hasSidebar:o}=O();return(n,i)=>(a(),u("div",{class:I(["VPContent",{"has-sidebar":r(o),"is-home":r(t).layout==="home"}]),id:"VPContent"},[r(e).isNotFound?c(n.$slots,"not-found",{key:0},()=>[_(it)],!0):r(t).layout==="page"?(a(),k(zn,{key:1},{"page-top":p(()=>[c(n.$slots,"page-top",{},void 0,!0)]),"page-bottom":p(()=>[c(n.$slots,"page-bottom",{},void 0,!0)]),_:3})):r(t).layout==="home"?(a(),k(On,{key:2},{"home-hero-before":p(()=>[c(n.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":p(()=>[c(n.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":p(()=>[c(n.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":p(()=>[c(n.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":p(()=>[c(n.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":p(()=>[c(n.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":p(()=>[c(n.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":p(()=>[c(n.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":p(()=>[c(n.$slots,"home-features-after",{},void 0,!0)]),_:3})):r(t).layout&&r(t).layout!=="doc"?(a(),k(E(r(t).layout),{key:3})):(a(),k(nn,{key:4},{"doc-top":p(()=>[c(n.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":p(()=>[c(n.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":p(()=>[c(n.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":p(()=>[c(n.$slots,"doc-before",{},void 0,!0)]),"doc-after":p(()=>[c(n.$slots,"doc-after",{},void 0,!0)]),"aside-top":p(()=>[c(n.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":p(()=>[c(n.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":p(()=>[c(n.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":p(()=>[c(n.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":p(()=>[c(n.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":p(()=>[c(n.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}}),qn=g(Kn,[["__scopeId","data-v-8e7e6814"]]),Wn={class:"container"},Rn=["innerHTML"],Jn=["innerHTML"],Xn=m({__name:"VPFooter",setup(s){const{theme:e,frontmatter:t}=L(),{hasSidebar:o}=O();return(n,i)=>r(e).footer&&r(t).footer!==!1?(a(),u("footer",{key:0,class:I(["VPFooter",{"has-sidebar":r(o)}])},[d("div",Wn,[r(e).footer.message?(a(),u("p",{key:0,class:"message",innerHTML:r(e).footer.message},null,8,Rn)):h("",!0),r(e).footer.copyright?(a(),u("p",{key:1,class:"copyright",innerHTML:r(e).footer.copyright},null,8,Jn)):h("",!0)])],2)):h("",!0)}}),Yn=g(Xn,[["__scopeId","data-v-7f2bb84e"]]);function Qn(){const{theme:s,frontmatter:e}=L(),t=$e([]),o=y(()=>t.value.length>0);return Q(()=>{t.value=he(e.value.outline??s.value.outline)}),{headers:t,hasLocalNav:o}}const Zn={class:"menu-text"},xn={class:"header"},eo={class:"outline"},to=m({__name:"VPLocalNavOutlineDropdown",props:{headers:{},navHeight:{}},setup(s){const e=s,{theme:t}=L(),o=N(!1),n=N(0),i=N(),l=N();function f(b){var P;(P=i.value)!=null&&P.contains(b.target)||(o.value=!1)}D(o,b=>{if(b){document.addEventListener("click",f);return}document.removeEventListener("click",f)}),re("Escape",()=>{o.value=!1}),Q(()=>{o.value=!1});function v(){o.value=!o.value,n.value=window.innerHeight+Math.min(window.scrollY-e.navHeight,0)}function $(b){b.target.classList.contains("outline-link")&&(l.value&&(l.value.style.transition="none"),Oe(()=>{o.value=!1}))}function V(){o.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(b,P)=>(a(),u("div",{class:"VPLocalNavOutlineDropdown",style:Pe({"--vp-vh":n.value+"px"}),ref_key:"main",ref:i},[b.headers.length>0?(a(),u("button",{key:0,onClick:v,class:I({open:o.value})},[d("span",Zn,M(r(Ne)(r(t))),1),P[0]||(P[0]=d("span",{class:"vpi-chevron-right icon"},null,-1))],2)):(a(),u("button",{key:1,onClick:V},M(r(t).returnToTopLabel||"Return to top"),1)),_(ue,{name:"flyout"},{default:p(()=>[o.value?(a(),u("div",{key:0,ref_key:"items",ref:l,class:"items",onClick:$},[d("div",xn,[d("a",{class:"top-link",href:"#",onClick:V},M(r(t).returnToTopLabel||"Return to top"),1)]),d("div",eo,[_(Me,{headers:b.headers},null,8,["headers"])])],512)):h("",!0)]),_:1})],4))}}),no=g(to,[["__scopeId","data-v-9a563931"]]),oo={class:"container"},so=["aria-expanded"],ao={class:"menu-text"},ro=m({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(s){const{theme:e,frontmatter:t}=L(),{hasSidebar:o}=O(),{headers:n}=Qn(),{y:i}=Le(),l=N(0);K(()=>{l.value=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--vp-nav-height"))}),Q(()=>{n.value=he(t.value.outline??e.value.outline)});const f=y(()=>n.value.length===0),v=y(()=>f.value&&!o.value),$=y(()=>({VPLocalNav:!0,"has-sidebar":o.value,empty:f.value,fixed:v.value}));return(V,b)=>r(t).layout!=="home"&&(!v.value||r(i)>=l.value)?(a(),u("div",{key:0,class:I($.value)},[d("div",oo,[r(o)?(a(),u("button",{key:0,class:"menu","aria-expanded":V.open,"aria-controls":"VPSidebarNav",onClick:b[0]||(b[0]=P=>V.$emit("open-menu"))},[b[1]||(b[1]=d("span",{class:"vpi-align-left menu-icon"},null,-1)),d("span",ao,M(r(e).sidebarMenuLabel||"Menu"),1)],8,so)):h("",!0),_(no,{headers:r(n),navHeight:l.value},null,8,["headers","navHeight"])])],2)):h("",!0)}}),io=g(ro,[["__scopeId","data-v-52a61b09"]]);function lo(){const s=N(!1);function e(){s.value=!0,window.addEventListener("resize",n)}function t(){s.value=!1,window.removeEventListener("resize",n)}function o(){s.value?t():e()}function n(){window.outerWidth>=768&&t()}const i=Z();return D(()=>i.path,t),{isScreenOpen:s,openScreen:e,closeScreen:t,toggleScreen:o}}const co={},uo={class:"VPSwitch",type:"button",role:"switch"},vo={class:"check"},po={key:0,class:"icon"};function fo(s,e){return a(),u("button",uo,[d("span",vo,[s.$slots.default?(a(),u("span",po,[c(s.$slots,"default",{},void 0,!0)])):h("",!0)])])}const ho=g(co,[["render",fo],["__scopeId","data-v-24f91d09"]]),mo=m({__name:"VPSwitchAppearance",setup(s){const{isDark:e,theme:t}=L(),o=x("toggle-appearance",()=>{e.value=!e.value}),n=N("");return pe(()=>{n.value=e.value?t.value.lightModeSwitchTitle||"Switch to light theme":t.value.darkModeSwitchTitle||"Switch to dark theme"}),(i,l)=>(a(),k(ho,{title:n.value,class:"VPSwitchAppearance","aria-checked":r(e),onClick:r(o)},{default:p(()=>l[0]||(l[0]=[d("span",{class:"vpi-sun sun"},null,-1),d("span",{class:"vpi-moon moon"},null,-1)])),_:1},8,["title","aria-checked","onClick"]))}}),me=g(mo,[["__scopeId","data-v-d1820990"]]),_o={key:0,class:"VPNavBarAppearance"},ko=m({__name:"VPNavBarAppearance",setup(s){const{site:e}=L();return(t,o)=>r(e).appearance&&r(e).appearance!=="force-dark"&&r(e).appearance!=="force-auto"?(a(),u("div",_o,[_(me)])):h("",!0)}}),bo=g(ko,[["__scopeId","data-v-d26074e1"]]),_e=N();let Ie=!1,se=0;function go(s){const e=N(!1);if(ee){!Ie&&$o(),se++;const t=D(_e,o=>{var n,i,l;o===s.el.value||(n=s.el.value)!=null&&n.contains(o)?(e.value=!0,(i=s.onFocus)==null||i.call(s)):(e.value=!1,(l=s.onBlur)==null||l.call(s))});ve(()=>{t(),se--,se||yo()})}return Ge(e)}function $o(){document.addEventListener("focusin",we),Ie=!0,_e.value=document.activeElement}function yo(){document.removeEventListener("focusin",we)}function we(){_e.value=document.activeElement}const Po={class:"VPMenuLink"},Lo=["innerHTML"],Vo=m({__name:"VPMenuLink",props:{item:{}},setup(s){const{page:e}=L();return(t,o)=>(a(),u("div",Po,[_(F,{class:I({active:r(z)(r(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel,"no-icon":t.item.noIcon},{default:p(()=>[d("span",{innerHTML:t.item.text},null,8,Lo)]),_:1},8,["class","href","target","rel","no-icon"])]))}}),te=g(Vo,[["__scopeId","data-v-8d3b0e2b"]]),So={class:"VPMenuGroup"},To={key:0,class:"title"},No=m({__name:"VPMenuGroup",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),u("div",So,[e.text?(a(),u("p",To,M(e.text),1)):h("",!0),(a(!0),u(w,null,C(e.items,o=>(a(),u(w,null,["link"in o?(a(),k(te,{key:0,item:o},null,8,["item"])):h("",!0)],64))),256))]))}}),Mo=g(No,[["__scopeId","data-v-7a3455fc"]]),Io={class:"VPMenu"},wo={key:0,class:"items"},Ao=m({__name:"VPMenu",props:{items:{}},setup(s){return(e,t)=>(a(),u("div",Io,[e.items?(a(),u("div",wo,[(a(!0),u(w,null,C(e.items,o=>(a(),u(w,{key:JSON.stringify(o)},["link"in o?(a(),k(te,{key:0,item:o},null,8,["item"])):"component"in o?(a(),k(E(o.component),U({key:1,ref_for:!0},o.props),null,16)):(a(),k(Mo,{key:2,text:o.text,items:o.items},null,8,["text","items"]))],64))),128))])):h("",!0),c(e.$slots,"default",{},void 0,!0)]))}}),Bo=g(Ao,[["__scopeId","data-v-04512e7d"]]),Co=["aria-expanded","aria-label"],Ho={key:0,class:"text"},Eo=["innerHTML"],Fo={key:1,class:"vpi-more-horizontal icon"},Do={class:"menu"},Oo=m({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(s){const e=N(!1),t=N();go({el:t,onBlur:o});function o(){e.value=!1}return(n,i)=>(a(),u("div",{class:"VPFlyout",ref_key:"el",ref:t,onMouseenter:i[1]||(i[1]=l=>e.value=!0),onMouseleave:i[2]||(i[2]=l=>e.value=!1)},[d("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":e.value,"aria-label":n.label,onClick:i[0]||(i[0]=l=>e.value=!e.value)},[n.button||n.icon?(a(),u("span",Ho,[n.icon?(a(),u("span",{key:0,class:I([n.icon,"option-icon"])},null,2)):h("",!0),n.button?(a(),u("span",{key:1,innerHTML:n.button},null,8,Eo)):h("",!0),i[3]||(i[3]=d("span",{class:"vpi-chevron-down text-icon"},null,-1))])):(a(),u("span",Fo))],8,Co),d("div",Do,[_(Bo,{items:n.items},{default:p(()=>[c(n.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}}),ke=g(Oo,[["__scopeId","data-v-874ee73e"]]),Go=["href","aria-label","innerHTML"],Uo=m({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{}},setup(s){const e=s,t=y(()=>typeof e.icon=="object"?e.icon.svg:`<span class="vpi-social-${e.icon}" />`);return(o,n)=>(a(),u("a",{class:"VPSocialLink no-icon",href:o.link,"aria-label":o.ariaLabel??(typeof o.icon=="string"?o.icon:""),target:"_blank",rel:"noopener",innerHTML:t.value},null,8,Go))}}),jo=g(Uo,[["__scopeId","data-v-90cda3ab"]]),zo={class:"VPSocialLinks"},Ko=m({__name:"VPSocialLinks",props:{links:{}},setup(s){return(e,t)=>(a(),u("div",zo,[(a(!0),u(w,null,C(e.links,({link:o,icon:n,ariaLabel:i})=>(a(),k(jo,{key:o,icon:n,link:o,ariaLabel:i},null,8,["icon","link","ariaLabel"]))),128))]))}}),be=g(Ko,[["__scopeId","data-v-f196d309"]]),qo={key:0,class:"group translations"},Wo={class:"trans-title"},Ro={key:1,class:"group"},Jo={class:"item appearance"},Xo={class:"label"},Yo={class:"appearance-action"},Qo={key:2,class:"group"},Zo={class:"item social-links"},xo=m({__name:"VPNavBarExtra",setup(s){const{site:e,theme:t}=L(),{localeLinks:o,currentLang:n}=R({correspondingLink:!0}),i=y(()=>o.value.length&&n.value.label||e.value.appearance||t.value.socialLinks);return(l,f)=>i.value?(a(),k(ke,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:p(()=>[r(o).length&&r(n).label?(a(),u("div",qo,[d("p",Wo,M(r(n).label),1),(a(!0),u(w,null,C(r(o),v=>(a(),k(te,{key:v.link,item:v},null,8,["item"]))),128))])):h("",!0),r(e).appearance&&r(e).appearance!=="force-dark"&&r(e).appearance!=="force-auto"?(a(),u("div",Ro,[d("div",Jo,[d("p",Xo,M(r(t).darkModeSwitchLabel||"Appearance"),1),d("div",Yo,[_(me)])])])):h("",!0),r(t).socialLinks?(a(),u("div",Qo,[d("div",Zo,[_(be,{class:"social-links-list",links:r(t).socialLinks},null,8,["links"])])])):h("",!0)]),_:1})):h("",!0)}}),es=g(xo,[["__scopeId","data-v-0c75386b"]]),ts=["aria-expanded"],ns=m({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(s){return(e,t)=>(a(),u("button",{type:"button",class:I(["VPNavBarHamburger",{active:e.active}]),"aria-label":"mobile navigation","aria-expanded":e.active,"aria-controls":"VPNavScreen",onClick:t[0]||(t[0]=o=>e.$emit("click"))},t[1]||(t[1]=[d("span",{class:"container"},[d("span",{class:"top"}),d("span",{class:"middle"}),d("span",{class:"bottom"})],-1)]),10,ts))}}),os=g(ns,[["__scopeId","data-v-0618c747"]]),ss=["innerHTML"],as=m({__name:"VPNavBarMenuLink",props:{item:{}},setup(s){const{page:e}=L();return(t,o)=>(a(),k(F,{class:I({VPNavBarMenuLink:!0,active:r(z)(r(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel,"no-icon":t.item.noIcon,tabindex:"0"},{default:p(()=>[d("span",{innerHTML:t.item.text},null,8,ss)]),_:1},8,["class","href","target","rel","no-icon"]))}}),rs=g(as,[["__scopeId","data-v-df12e37e"]]),is=m({__name:"VPNavBarMenuGroup",props:{item:{}},setup(s){const e=s,{page:t}=L(),o=i=>"component"in i?!1:"link"in i?z(t.value.relativePath,i.link,!!e.item.activeMatch):i.items.some(o),n=y(()=>o(e.item));return(i,l)=>(a(),k(ke,{class:I({VPNavBarMenuGroup:!0,active:r(z)(r(t).relativePath,i.item.activeMatch,!!i.item.activeMatch)||n.value}),button:i.item.text,items:i.item.items},null,8,["class","button","items"]))}}),ls={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},cs=m({__name:"VPNavBarMenu",setup(s){const{theme:e}=L();return(t,o)=>r(e).nav?(a(),u("nav",ls,[o[0]||(o[0]=d("span",{id:"main-nav-aria-label",class:"visually-hidden"}," Main Navigation ",-1)),(a(!0),u(w,null,C(r(e).nav,n=>(a(),u(w,{key:JSON.stringify(n)},["link"in n?(a(),k(rs,{key:0,item:n},null,8,["item"])):"component"in n?(a(),k(E(n.component),U({key:1,ref_for:!0},n.props),null,16)):(a(),k(is,{key:2,item:n},null,8,["item"]))],64))),128))])):h("",!0)}}),us=g(cs,[["__scopeId","data-v-289b8a21"]]);function ds(s){const{localeIndex:e,theme:t}=L();function o(n){var A,B,S;const i=n.split("."),l=(A=t.value.search)==null?void 0:A.options,f=l&&typeof l=="object",v=f&&((S=(B=l.locales)==null?void 0:B[e.value])==null?void 0:S.translations)||null,$=f&&l.translations||null;let V=v,b=$,P=s;const T=i.pop();for(const H of i){let G=null;const W=P==null?void 0:P[H];W&&(G=P=W);const ne=b==null?void 0:b[H];ne&&(G=b=ne);const oe=V==null?void 0:V[H];oe&&(G=V=oe),W||(P=G),ne||(b=G),oe||(V=G)}return(V==null?void 0:V[T])??(b==null?void 0:b[T])??(P==null?void 0:P[T])??""}return o}const vs=["aria-label"],ps={class:"DocSearch-Button-Container"},fs={class:"DocSearch-Button-Placeholder"},ge=m({__name:"VPNavBarSearchButton",setup(s){const t=ds({button:{buttonText:"Search",buttonAriaLabel:"Search"}});return(o,n)=>(a(),u("button",{type:"button",class:"DocSearch DocSearch-Button","aria-label":r(t)("button.buttonAriaLabel")},[d("span",ps,[n[0]||(n[0]=d("span",{class:"vp-icon DocSearch-Search-Icon"},null,-1)),d("span",fs,M(r(t)("button.buttonText")),1)]),n[1]||(n[1]=d("span",{class:"DocSearch-Button-Keys"},[d("kbd",{class:"DocSearch-Button-Key"}),d("kbd",{class:"DocSearch-Button-Key"},"K")],-1))],8,vs))}}),hs={class:"VPNavBarSearch"},ms={id:"local-search"},_s={key:1,id:"docsearch"},ks=m({__name:"VPNavBarSearch",setup(s){const e=Ue(()=>je(()=>import("./VPLocalSearchBox.DwKDREVG.js"),__vite__mapDeps([0,1]))),t=()=>null,{theme:o}=L(),n=N(!1),i=N(!1);K(()=>{});function l(){n.value||(n.value=!0,setTimeout(f,16))}function f(){const b=new Event("keydown");b.key="k",b.metaKey=!0,window.dispatchEvent(b),setTimeout(()=>{document.querySelector(".DocSearch-Modal")||f()},16)}function v(b){const P=b.target,T=P.tagName;return P.isContentEditable||T==="INPUT"||T==="SELECT"||T==="TEXTAREA"}const $=N(!1);re("k",b=>{(b.ctrlKey||b.metaKey)&&(b.preventDefault(),$.value=!0)}),re("/",b=>{v(b)||(b.preventDefault(),$.value=!0)});const V="local";return(b,P)=>{var T;return a(),u("div",hs,[r(V)==="local"?(a(),u(w,{key:0},[$.value?(a(),k(r(e),{key:0,onClose:P[0]||(P[0]=A=>$.value=!1)})):h("",!0),d("div",ms,[_(ge,{onClick:P[1]||(P[1]=A=>$.value=!0)})])],64)):r(V)==="algolia"?(a(),u(w,{key:1},[n.value?(a(),k(r(t),{key:0,algolia:((T=r(o).search)==null?void 0:T.options)??r(o).algolia,onVnodeBeforeMount:P[2]||(P[2]=A=>i.value=!0)},null,8,["algolia"])):h("",!0),i.value?h("",!0):(a(),u("div",_s,[_(ge,{onClick:l})]))],64)):h("",!0)])}}}),bs=m({__name:"VPNavBarSocialLinks",setup(s){const{theme:e}=L();return(t,o)=>r(e).socialLinks?(a(),k(be,{key:0,class:"VPNavBarSocialLinks",links:r(e).socialLinks},null,8,["links"])):h("",!0)}}),gs=g(bs,[["__scopeId","data-v-500a0d4f"]]),$s=["href","rel","target"],ys={key:1},Ps={key:2},Ls=m({__name:"VPNavBarTitle",setup(s){const{site:e,theme:t}=L(),{hasSidebar:o}=O(),{currentLang:n}=R(),i=y(()=>{var v;return typeof t.value.logoLink=="string"?t.value.logoLink:(v=t.value.logoLink)==null?void 0:v.link}),l=y(()=>{var v;return typeof t.value.logoLink=="string"||(v=t.value.logoLink)==null?void 0:v.rel}),f=y(()=>{var v;return typeof t.value.logoLink=="string"||(v=t.value.logoLink)==null?void 0:v.target});return(v,$)=>(a(),u("div",{class:I(["VPNavBarTitle",{"has-sidebar":r(o)}])},[d("a",{class:"title",href:i.value??r(fe)(r(n).link),rel:l.value,target:f.value},[c(v.$slots,"nav-bar-title-before",{},void 0,!0),r(t).logo?(a(),k(X,{key:0,class:"logo",image:r(t).logo},null,8,["image"])):h("",!0),r(t).siteTitle?(a(),u("span",ys,M(r(t).siteTitle),1)):r(t).siteTitle===void 0?(a(),u("span",Ps,M(r(e).title),1)):h("",!0),c(v.$slots,"nav-bar-title-after",{},void 0,!0)],8,$s)],2))}}),Vs=g(Ls,[["__scopeId","data-v-a3068ac3"]]),Ss={class:"items"},Ts={class:"title"},Ns=m({__name:"VPNavBarTranslations",setup(s){const{theme:e}=L(),{localeLinks:t,currentLang:o}=R({correspondingLink:!0});return(n,i)=>r(t).length&&r(o).label?(a(),k(ke,{key:0,class:"VPNavBarTranslations",icon:"vpi-languages",label:r(e).langMenuLabel||"Change language"},{default:p(()=>[d("div",Ss,[d("p",Ts,M(r(o).label),1),(a(!0),u(w,null,C(r(t),l=>(a(),k(te,{key:l.link,item:l},null,8,["item"]))),128))])]),_:1},8,["label"])):h("",!0)}}),Ms=g(Ns,[["__scopeId","data-v-dbcfe142"]]),Is={class:"wrapper"},ws={class:"container"},As={class:"title"},Bs={class:"content"},Cs={class:"content-body"},Hs=m({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(s){const e=s,{y:t}=Le(),{hasSidebar:o}=O(),{frontmatter:n}=L(),i=N({});return pe(()=>{i.value={"has-sidebar":o.value,home:n.value.layout==="home",top:t.value===0,"screen-open":e.isScreenOpen}}),(l,f)=>(a(),u("div",{class:I(["VPNavBar",i.value])},[d("div",Is,[d("div",ws,[d("div",As,[_(Vs,null,{"nav-bar-title-before":p(()=>[c(l.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":p(()=>[c(l.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),d("div",Bs,[d("div",Cs,[c(l.$slots,"nav-bar-content-before",{},void 0,!0),_(ks,{class:"search"}),_(us,{class:"menu"}),_(Ms,{class:"translations"}),_(bo,{class:"appearance"}),_(gs,{class:"social-links"}),_(es,{class:"extra"}),c(l.$slots,"nav-bar-content-after",{},void 0,!0),_(os,{class:"hamburger",active:l.isScreenOpen,onClick:f[0]||(f[0]=v=>l.$emit("toggle-screen"))},null,8,["active"])])])])]),f[1]||(f[1]=d("div",{class:"divider"},[d("div",{class:"divider-line"})],-1))],2))}}),Es=g(Hs,[["__scopeId","data-v-78b23767"]]),Fs={key:0,class:"VPNavScreenAppearance"},Ds={class:"text"},Os=m({__name:"VPNavScreenAppearance",setup(s){const{site:e,theme:t}=L();return(o,n)=>r(e).appearance&&r(e).appearance!=="force-dark"&&r(e).appearance!=="force-auto"?(a(),u("div",Fs,[d("p",Ds,M(r(t).darkModeSwitchLabel||"Appearance"),1),_(me)])):h("",!0)}}),Gs=g(Os,[["__scopeId","data-v-5cd484d9"]]),Us=["innerHTML"],js=m({__name:"VPNavScreenMenuLink",props:{item:{}},setup(s){const e=x("close-screen");return(t,o)=>(a(),k(F,{class:"VPNavScreenMenuLink",href:t.item.link,target:t.item.target,rel:t.item.rel,"no-icon":t.item.noIcon,onClick:r(e)},{default:p(()=>[d("span",{innerHTML:t.item.text},null,8,Us)]),_:1},8,["href","target","rel","no-icon","onClick"]))}}),zs=g(js,[["__scopeId","data-v-544822e0"]]),Ks=["innerHTML"],qs=m({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(s){const e=x("close-screen");return(t,o)=>(a(),k(F,{class:"VPNavScreenMenuGroupLink",href:t.item.link,target:t.item.target,rel:t.item.rel,"no-icon":t.item.noIcon,onClick:r(e)},{default:p(()=>[d("span",{innerHTML:t.item.text},null,8,Ks)]),_:1},8,["href","target","rel","no-icon","onClick"]))}}),Ae=g(qs,[["__scopeId","data-v-b96aa3ba"]]),Ws={class:"VPNavScreenMenuGroupSection"},Rs={key:0,class:"title"},Js=m({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),u("div",Ws,[e.text?(a(),u("p",Rs,M(e.text),1)):h("",!0),(a(!0),u(w,null,C(e.items,o=>(a(),k(Ae,{key:o.text,item:o},null,8,["item"]))),128))]))}}),Xs=g(Js,[["__scopeId","data-v-c16a9830"]]),Ys=["aria-controls","aria-expanded"],Qs=["innerHTML"],Zs=["id"],xs={key:0,class:"item"},ea={key:1,class:"item"},ta={key:2,class:"group"},na=m({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(s){const e=s,t=N(!1),o=y(()=>`NavScreenGroup-${e.text.replace(" ","-").toLowerCase()}`);function n(){t.value=!t.value}return(i,l)=>(a(),u("div",{class:I(["VPNavScreenMenuGroup",{open:t.value}])},[d("button",{class:"button","aria-controls":o.value,"aria-expanded":t.value,onClick:n},[d("span",{class:"button-text",innerHTML:i.text},null,8,Qs),l[0]||(l[0]=d("span",{class:"vpi-plus button-icon"},null,-1))],8,Ys),d("div",{id:o.value,class:"items"},[(a(!0),u(w,null,C(i.items,f=>(a(),u(w,{key:JSON.stringify(f)},["link"in f?(a(),u("div",xs,[_(Ae,{item:f},null,8,["item"])])):"component"in f?(a(),u("div",ea,[(a(),k(E(f.component),U({ref_for:!0},f.props,{"screen-menu":""}),null,16))])):(a(),u("div",ta,[_(Xs,{text:f.text,items:f.items},null,8,["text","items"])]))],64))),128))],8,Zs)],2))}}),oa=g(na,[["__scopeId","data-v-059c7b46"]]),sa={key:0,class:"VPNavScreenMenu"},aa=m({__name:"VPNavScreenMenu",setup(s){const{theme:e}=L();return(t,o)=>r(e).nav?(a(),u("nav",sa,[(a(!0),u(w,null,C(r(e).nav,n=>(a(),u(w,{key:JSON.stringify(n)},["link"in n?(a(),k(zs,{key:0,item:n},null,8,["item"])):"component"in n?(a(),k(E(n.component),U({key:1,ref_for:!0},n.props,{"screen-menu":""}),null,16)):(a(),k(oa,{key:2,text:n.text||"",items:n.items},null,8,["text","items"]))],64))),128))])):h("",!0)}}),ra=m({__name:"VPNavScreenSocialLinks",setup(s){const{theme:e}=L();return(t,o)=>r(e).socialLinks?(a(),k(be,{key:0,class:"VPNavScreenSocialLinks",links:r(e).socialLinks},null,8,["links"])):h("",!0)}}),ia={class:"list"},la=m({__name:"VPNavScreenTranslations",setup(s){const{localeLinks:e,currentLang:t}=R({correspondingLink:!0}),o=N(!1);function n(){o.value=!o.value}return(i,l)=>r(e).length&&r(t).label?(a(),u("div",{key:0,class:I(["VPNavScreenTranslations",{open:o.value}])},[d("button",{class:"title",onClick:n},[l[0]||(l[0]=d("span",{class:"vpi-languages icon lang"},null,-1)),j(" "+M(r(t).label)+" ",1),l[1]||(l[1]=d("span",{class:"vpi-chevron-down icon chevron"},null,-1))]),d("ul",ia,[(a(!0),u(w,null,C(r(e),f=>(a(),u("li",{key:f.link,class:"item"},[_(F,{class:"link",href:f.link},{default:p(()=>[j(M(f.text),1)]),_:2},1032,["href"])]))),128))])],2)):h("",!0)}}),ca=g(la,[["__scopeId","data-v-a7d78bed"]]),ua={class:"container"},da=m({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(s){const e=N(null),t=Ve(ee?document.body:null);return(o,n)=>(a(),k(ue,{name:"fade",onEnter:n[0]||(n[0]=i=>t.value=!0),onAfterLeave:n[1]||(n[1]=i=>t.value=!1)},{default:p(()=>[o.open?(a(),u("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:e,id:"VPNavScreen"},[d("div",ua,[c(o.$slots,"nav-screen-content-before",{},void 0,!0),_(aa,{class:"menu"}),_(ca,{class:"translations"}),_(Gs,{class:"appearance"}),_(ra,{class:"social-links"}),c(o.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):h("",!0)]),_:3}))}}),va=g(da,[["__scopeId","data-v-6dcf369a"]]),pa={key:0,class:"VPNav"},fa=m({__name:"VPNav",setup(s){const{isScreenOpen:e,closeScreen:t,toggleScreen:o}=lo(),{frontmatter:n}=L(),i=y(()=>n.value.navbar!==!1);return Se("close-screen",t),Y(()=>{ee&&document.documentElement.classList.toggle("hide-nav",!i.value)}),(l,f)=>i.value?(a(),u("header",pa,[_(Es,{"is-screen-open":r(e),onToggleScreen:r(o)},{"nav-bar-title-before":p(()=>[c(l.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":p(()=>[c(l.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":p(()=>[c(l.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":p(()=>[c(l.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),_(va,{open:r(e)},{"nav-screen-content-before":p(()=>[c(l.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":p(()=>[c(l.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])])):h("",!0)}}),ha=g(fa,[["__scopeId","data-v-78de018e"]]),ma=["role","tabindex"],_a={key:1,class:"items"},ka=m({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(s){const e=s,{collapsed:t,collapsible:o,isLink:n,isActiveLink:i,hasActiveLink:l,hasChildren:f,toggle:v}=dt(y(()=>e.item)),$=y(()=>f.value?"section":"div"),V=y(()=>n.value?"a":"div"),b=y(()=>f.value?e.depth+2===7?"p":`h${e.depth+2}`:"p"),P=y(()=>n.value?void 0:"button"),T=y(()=>[[`level-${e.depth}`],{collapsible:o.value},{collapsed:t.value},{"is-link":n.value},{"is-active":i.value},{"has-active":l.value}]);function A(S){"key"in S&&S.key!=="Enter"||!e.item.link&&v()}function B(){e.item.link&&v()}return(S,H)=>{const G=q("VPSidebarItem",!0);return a(),k(E($.value),{class:I(["VPSidebarItem",T.value])},{default:p(()=>[S.item.text?(a(),u("div",U({key:0,class:"item",role:P.value},Ke(S.item.items?{click:A,keydown:A}:{},!0),{tabindex:S.item.items&&0}),[H[1]||(H[1]=d("div",{class:"indicator"},null,-1)),S.item.link?(a(),k(F,{key:0,tag:V.value,class:"link",href:S.item.link,rel:S.item.rel,target:S.item.target},{default:p(()=>[(a(),k(E(b.value),{class:"text",innerHTML:S.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href","rel","target"])):(a(),k(E(b.value),{key:1,class:"text",innerHTML:S.item.text},null,8,["innerHTML"])),S.item.collapsed!=null&&S.item.items&&S.item.items.length?(a(),u("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:B,onKeydown:ze(B,["enter"]),tabindex:"0"},H[0]||(H[0]=[d("span",{class:"vpi-chevron-right caret-icon"},null,-1)]),32)):h("",!0)],16,ma)):h("",!0),S.item.items&&S.item.items.length?(a(),u("div",_a,[S.depth<5?(a(!0),u(w,{key:0},C(S.item.items,W=>(a(),k(G,{key:W.text,item:W,depth:S.depth+1},null,8,["item","depth"]))),128)):h("",!0)])):h("",!0)]),_:1},8,["class"])}}}),ba=g(ka,[["__scopeId","data-v-223a1195"]]),ga=m({__name:"VPSidebarGroup",props:{items:{}},setup(s){const e=N(!0);let t=null;return K(()=>{t=setTimeout(()=>{t=null,e.value=!1},300)}),qe(()=>{t!=null&&(clearTimeout(t),t=null)}),(o,n)=>(a(!0),u(w,null,C(o.items,i=>(a(),u("div",{key:i.text,class:I(["group",{"no-transition":e.value}])},[_(ba,{item:i,depth:0},null,8,["item"])],2))),128))}}),$a=g(ga,[["__scopeId","data-v-3897b8f7"]]),ya={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},Pa=m({__name:"VPSidebar",props:{open:{type:Boolean}},setup(s){const{sidebarGroups:e,hasSidebar:t}=O(),o=s,n=N(null),i=Ve(ee?document.body:null);D([o,n],()=>{var f;o.open?(i.value=!0,(f=n.value)==null||f.focus()):i.value=!1},{immediate:!0,flush:"post"});const l=N(0);return D(e,()=>{l.value+=1},{deep:!0}),(f,v)=>r(t)?(a(),u("aside",{key:0,class:I(["VPSidebar",{open:f.open}]),ref_key:"navEl",ref:n,onClick:v[0]||(v[0]=We(()=>{},["stop"]))},[v[2]||(v[2]=d("div",{class:"curtain"},null,-1)),d("nav",ya,[v[1]||(v[1]=d("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),c(f.$slots,"sidebar-nav-before",{},void 0,!0),(a(),k($a,{items:r(e),key:l.value},null,8,["items"])),c(f.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):h("",!0)}}),La=g(Pa,[["__scopeId","data-v-b7e6d1e9"]]),Va=m({__name:"VPSkipLink",setup(s){const e=Z(),t=N();D(()=>e.path,()=>t.value.focus());function o({target:n}){const i=document.getElementById(decodeURIComponent(n.hash).slice(1));if(i){const l=()=>{i.removeAttribute("tabindex"),i.removeEventListener("blur",l)};i.setAttribute("tabindex","-1"),i.addEventListener("blur",l),i.focus(),window.scrollTo(0,0)}}return(n,i)=>(a(),u(w,null,[d("span",{ref_key:"backToTop",ref:t,tabindex:"-1"},null,512),d("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:o}," Skip to content ")],64))}}),Sa=g(Va,[["__scopeId","data-v-5fefb41a"]]),Ta=m({__name:"Layout",setup(s){const{isOpen:e,open:t,close:o}=O(),n=Z();D(()=>n.path,o),ut(e,o);const{frontmatter:i}=L(),l=Re(),f=y(()=>!!l["home-hero-image"]);return Se("hero-image-slot-exists",f),(v,$)=>{const V=q("Content");return r(i).layout!==!1?(a(),u("div",{key:0,class:I(["Layout",r(i).pageClass])},[c(v.$slots,"layout-top",{},void 0,!0),_(Sa),_(Qe,{class:"backdrop",show:r(e),onClick:r(o)},null,8,["show","onClick"]),_(ha,null,{"nav-bar-title-before":p(()=>[c(v.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":p(()=>[c(v.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":p(()=>[c(v.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":p(()=>[c(v.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":p(()=>[c(v.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":p(()=>[c(v.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),_(io,{open:r(e),onOpenMenu:r(t)},null,8,["open","onOpenMenu"]),_(La,{open:r(e)},{"sidebar-nav-before":p(()=>[c(v.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":p(()=>[c(v.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),_(qn,null,{"page-top":p(()=>[c(v.$slots,"page-top",{},void 0,!0)]),"page-bottom":p(()=>[c(v.$slots,"page-bottom",{},void 0,!0)]),"not-found":p(()=>[c(v.$slots,"not-found",{},void 0,!0)]),"home-hero-before":p(()=>[c(v.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":p(()=>[c(v.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":p(()=>[c(v.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":p(()=>[c(v.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":p(()=>[c(v.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":p(()=>[c(v.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":p(()=>[c(v.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":p(()=>[c(v.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":p(()=>[c(v.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":p(()=>[c(v.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":p(()=>[c(v.$slots,"doc-before",{},void 0,!0)]),"doc-after":p(()=>[c(v.$slots,"doc-after",{},void 0,!0)]),"doc-top":p(()=>[c(v.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":p(()=>[c(v.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":p(()=>[c(v.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":p(()=>[c(v.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":p(()=>[c(v.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":p(()=>[c(v.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":p(()=>[c(v.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":p(()=>[c(v.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),_(Yn),c(v.$slots,"layout-bottom",{},void 0,!0)],2)):(a(),k(V,{key:1}))}}}),Na=g(Ta,[["__scopeId","data-v-f300ac55"]]),Ia={Layout:Na,enhanceApp:({app:s})=>{s.component("Badge",Je)}};export{ds as c,Ia as t,L as u};
diff --git a/assets/chunks/theme.CSEovDxY.js b/assets/chunks/theme.CSEovDxY.js
deleted file mode 100644
index 9d416d797..000000000
--- a/assets/chunks/theme.CSEovDxY.js
+++ /dev/null
@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/chunks/VPLocalSearchBox.D-R1cdco.js","assets/chunks/framework.Ckp7d4B5.js"])))=>i.map(i=>d[i]);
-import{d as m,o as a,c as u,r as c,n as M,a as D,t as N,b as k,w as v,e as h,T as ue,_ as g,u as Be,i as Ce,f as He,g as de,h as y,j as p,k as r,l as z,m as ae,p as I,q as O,s as Y,v as K,x as ve,y as pe,z as Ee,A as Fe,B as q,F as w,C,D as $e,E as Q,G as _,H as E,I as ye,J as Z,K as j,L as x,M as De,N as Pe,O as re,P as Oe,Q as Le,R as ee,S as Ge,U as Ue,V as je,W as Ve,X as Se,Y as ze,Z as Ke,$ as qe,a0 as We,a1 as Re}from"./framework.Ckp7d4B5.js";const Je=m({__name:"VPBadge",props:{text:{},type:{default:"tip"}},setup(s){return(e,t)=>(a(),u("span",{class:M(["VPBadge",e.type])},[c(e.$slots,"default",{},()=>[D(N(e.text),1)])],2))}}),Xe={key:0,class:"VPBackdrop"},Ye=m({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(s){return(e,t)=>(a(),k(ue,{name:"fade"},{default:v(()=>[e.show?(a(),u("div",Xe)):h("",!0)]),_:1}))}}),Qe=g(Ye,[["__scopeId","data-v-41d6fff7"]]),L=Be;function Ze(s,e){let t,o=!1;return()=>{t&&clearTimeout(t),o?t=setTimeout(s,e):(s(),(o=!0)&&setTimeout(()=>o=!1,e))}}function ie(s){return/^\//.test(s)?s:`/${s}`}function fe(s){const{pathname:e,search:t,hash:o,protocol:n}=new URL(s,"http://a.com");if(Ce(s)||s.startsWith("#")||!n.startsWith("http")||!He(e))return s;const{site:i}=L(),l=e.endsWith("/")||e.endsWith(".html")?s:s.replace(/(?:(^\.+)\/)?.*$/,`$1${e.replace(/(\.md)?$/,i.value.cleanUrls?"":".html")}${t}${o}`);return de(l)}function R({correspondingLink:s=!1}={}){const{site:e,localeIndex:t,page:o,theme:n,hash:i}=L(),l=y(()=>{var d,$;return{label:(d=e.value.locales[t.value])==null?void 0:d.label,link:(($=e.value.locales[t.value])==null?void 0:$.link)||(t.value==="root"?"/":`/${t.value}/`)}});return{localeLinks:y(()=>Object.entries(e.value.locales).flatMap(([d,$])=>l.value.label===$.label?[]:{text:$.label,link:xe($.link||(d==="root"?"/":`/${d}/`),n.value.i18nRouting!==!1&&s,o.value.relativePath.slice(l.value.link.length-1),!e.value.cleanUrls)+i.value})),currentLang:l}}function xe(s,e,t,o){return e?s.replace(/\/$/,"")+ie(t.replace(/(^|\/)index\.md$/,"$1").replace(/\.md$/,o?".html":"")):s}const et={class:"NotFound"},tt={class:"code"},nt={class:"title"},ot={class:"quote"},st={class:"action"},at=["href","aria-label"],rt=m({__name:"NotFound",setup(s){const{theme:e}=L(),{currentLang:t}=R();return(o,n)=>{var i,l,f,d,$;return a(),u("div",et,[p("p",tt,N(((i=r(e).notFound)==null?void 0:i.code)??"404"),1),p("h1",nt,N(((l=r(e).notFound)==null?void 0:l.title)??"PAGE NOT FOUND"),1),n[0]||(n[0]=p("div",{class:"divider"},null,-1)),p("blockquote",ot,N(((f=r(e).notFound)==null?void 0:f.quote)??"But if you don't change your direction, and if you keep looking, you may end up where you are heading."),1),p("div",st,[p("a",{class:"link",href:r(de)(r(t).link),"aria-label":((d=r(e).notFound)==null?void 0:d.linkLabel)??"go to home"},N((($=r(e).notFound)==null?void 0:$.linkText)??"Take me home"),9,at)])])}}}),it=g(rt,[["__scopeId","data-v-bcafd8ec"]]);function Te(s,e){if(Array.isArray(s))return J(s);if(s==null)return[];e=ie(e);const t=Object.keys(s).sort((n,i)=>i.split("/").length-n.split("/").length).find(n=>e.startsWith(ie(n))),o=t?s[t]:[];return Array.isArray(o)?J(o):J(o.items,o.base)}function lt(s){const e=[];let t=0;for(const o in s){const n=s[o];if(n.items){t=e.push(n);continue}e[t]||e.push({items:[]}),e[t].items.push(n)}return e}function ct(s){const e=[];function t(o){for(const n of o)n.text&&n.link&&e.push({text:n.text,link:n.link,docFooterText:n.docFooterText}),n.items&&t(n.items)}return t(s),e}function le(s,e){return Array.isArray(e)?e.some(t=>le(s,t)):z(s,e.link)?!0:e.items?le(s,e.items):!1}function J(s,e){return[...s].map(t=>{const o={...t},n=o.base||e;return n&&o.link&&(o.link=n+o.link),o.items&&(o.items=J(o.items,n)),o})}function G(){const{frontmatter:s,page:e,theme:t}=L(),o=ae("(min-width: 960px)"),n=I(!1),i=y(()=>{const B=t.value.sidebar,S=e.value.relativePath;return B?Te(B,S):[]}),l=I(i.value);O(i,(B,S)=>{JSON.stringify(B)!==JSON.stringify(S)&&(l.value=i.value)});const f=y(()=>s.value.sidebar!==!1&&l.value.length>0&&s.value.layout!=="home"),d=y(()=>$?s.value.aside==null?t.value.aside==="left":s.value.aside==="left":!1),$=y(()=>s.value.layout==="home"?!1:s.value.aside!=null?!!s.value.aside:t.value.aside!==!1),V=y(()=>f.value&&o.value),b=y(()=>f.value?lt(l.value):[]);function P(){n.value=!0}function T(){n.value=!1}function A(){n.value?T():P()}return{isOpen:n,sidebar:l,sidebarGroups:b,hasSidebar:f,hasAside:$,leftAside:d,isSidebarEnabled:V,open:P,close:T,toggle:A}}function ut(s,e){let t;Y(()=>{t=s.value?document.activeElement:void 0}),K(()=>{window.addEventListener("keyup",o)}),ve(()=>{window.removeEventListener("keyup",o)});function o(n){n.key==="Escape"&&s.value&&(e(),t==null||t.focus())}}function dt(s){const{page:e,hash:t}=L(),o=I(!1),n=y(()=>s.value.collapsed!=null),i=y(()=>!!s.value.link),l=I(!1),f=()=>{l.value=z(e.value.relativePath,s.value.link)};O([e,s,t],f),K(f);const d=y(()=>l.value?!0:s.value.items?le(e.value.relativePath,s.value.items):!1),$=y(()=>!!(s.value.items&&s.value.items.length));Y(()=>{o.value=!!(n.value&&s.value.collapsed)}),pe(()=>{(l.value||d.value)&&(o.value=!1)});function V(){n.value&&(o.value=!o.value)}return{collapsed:o,collapsible:n,isLink:i,isActiveLink:l,hasActiveLink:d,hasChildren:$,toggle:V}}function vt(){const{hasSidebar:s}=G(),e=ae("(min-width: 960px)"),t=ae("(min-width: 1280px)");return{isAsideEnabled:y(()=>!t.value&&!e.value?!1:s.value?t.value:e.value)}}const ce=[];function Ne(s){return typeof s.outline=="object"&&!Array.isArray(s.outline)&&s.outline.label||s.outlineTitle||"On this page"}function he(s){const e=[...document.querySelectorAll(".VPDoc :where(h1,h2,h3,h4,h5,h6)")].filter(t=>t.id&&t.hasChildNodes()).map(t=>{const o=Number(t.tagName[1]);return{element:t,title:pt(t),link:"#"+t.id,level:o}});return ft(e,s)}function pt(s){let e="";for(const t of s.childNodes)if(t.nodeType===1){if(t.classList.contains("VPBadge")||t.classList.contains("header-anchor")||t.classList.contains("ignore-header"))continue;e+=t.textContent}else t.nodeType===3&&(e+=t.textContent);return e.trim()}function ft(s,e){if(e===!1)return[];const t=(typeof e=="object"&&!Array.isArray(e)?e.level:e)||2,[o,n]=typeof t=="number"?[t,t]:t==="deep"?[2,6]:t;return _t(s,o,n)}function ht(s,e){const{isAsideEnabled:t}=vt(),o=Ze(i,100);let n=null;K(()=>{requestAnimationFrame(i),window.addEventListener("scroll",o)}),Ee(()=>{l(location.hash)}),ve(()=>{window.removeEventListener("scroll",o)});function i(){if(!t.value)return;const f=window.scrollY,d=window.innerHeight,$=document.body.offsetHeight,V=Math.abs(f+d-$)<1,b=ce.map(({element:T,link:A})=>({link:A,top:mt(T)})).filter(({top:T})=>!Number.isNaN(T)).sort((T,A)=>T.top-A.top);if(!b.length){l(null);return}if(f<1){l(null);return}if(V){l(b[b.length-1].link);return}let P=null;for(const{link:T,top:A}of b){if(A>f+Fe()+4)break;P=T}l(P)}function l(f){n&&n.classList.remove("active"),f==null?n=null:n=s.value.querySelector(`a[href="${decodeURIComponent(f)}"]`);const d=n;d?(d.classList.add("active"),e.value.style.top=d.offsetTop+39+"px",e.value.style.opacity="1"):(e.value.style.top="33px",e.value.style.opacity="0")}}function mt(s){let e=0;for(;s!==document.body;){if(s===null)return NaN;e+=s.offsetTop,s=s.offsetParent}return e}function _t(s,e,t){ce.length=0;const o=[],n=[];return s.forEach(i=>{const l={...i,children:[]};let f=n[n.length-1];for(;f&&f.level>=l.level;)n.pop(),f=n[n.length-1];if(l.element.classList.contains("ignore-header")||f&&"shouldIgnore"in f){n.push({level:l.level,shouldIgnore:!0});return}l.level>t||l.level<e||(ce.push({element:l.element,link:l.link}),f?f.children.push(l):o.push(l),n.push(l))}),o}const kt=["href","title"],bt=m({__name:"VPDocOutlineItem",props:{headers:{},root:{type:Boolean}},setup(s){function e({target:t}){const o=t.href.split("#")[1],n=document.getElementById(decodeURIComponent(o));n==null||n.focus({preventScroll:!0})}return(t,o)=>{const n=q("VPDocOutlineItem",!0);return a(),u("ul",{class:M(["VPDocOutlineItem",t.root?"root":"nested"])},[(a(!0),u(w,null,C(t.headers,({children:i,link:l,title:f})=>(a(),u("li",null,[p("a",{class:"outline-link",href:l,onClick:e,title:f},N(f),9,kt),i!=null&&i.length?(a(),k(n,{key:0,headers:i},null,8,["headers"])):h("",!0)]))),256))],2)}}}),Ie=g(bt,[["__scopeId","data-v-ff171b3f"]]),gt={class:"content"},$t={"aria-level":"2",class:"outline-title",id:"doc-outline-aria-label",role:"heading"},yt=m({__name:"VPDocAsideOutline",setup(s){const{frontmatter:e,theme:t}=L(),o=$e([]);Q(()=>{o.value=he(e.value.outline??t.value.outline)});const n=I(),i=I();return ht(n,i),(l,f)=>(a(),u("nav",{"aria-labelledby":"doc-outline-aria-label",class:M(["VPDocAsideOutline",{"has-outline":o.value.length>0}]),ref_key:"container",ref:n},[p("div",gt,[p("div",{class:"outline-marker",ref_key:"marker",ref:i},null,512),p("div",$t,N(r(Ne)(r(t))),1),_(Ie,{headers:o.value,root:!0},null,8,["headers"])])],2))}}),Pt=g(yt,[["__scopeId","data-v-f0084521"]]),Lt={class:"VPDocAsideCarbonAds"},Vt=m({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(s){const e=()=>null;return(t,o)=>(a(),u("div",Lt,[_(r(e),{"carbon-ads":t.carbonAds},null,8,["carbon-ads"])]))}}),St={class:"VPDocAside"},Tt=m({__name:"VPDocAside",setup(s){const{theme:e}=L();return(t,o)=>(a(),u("div",St,[c(t.$slots,"aside-top",{},void 0,!0),c(t.$slots,"aside-outline-before",{},void 0,!0),_(Pt),c(t.$slots,"aside-outline-after",{},void 0,!0),o[0]||(o[0]=p("div",{class:"spacer"},null,-1)),c(t.$slots,"aside-ads-before",{},void 0,!0),r(e).carbonAds?(a(),k(Vt,{key:0,"carbon-ads":r(e).carbonAds},null,8,["carbon-ads"])):h("",!0),c(t.$slots,"aside-ads-after",{},void 0,!0),c(t.$slots,"aside-bottom",{},void 0,!0)]))}}),Nt=g(Tt,[["__scopeId","data-v-b8bcfc42"]]);function It(){const{theme:s,page:e}=L();return y(()=>{const{text:t="Edit this page",pattern:o=""}=s.value.editLink||{};let n;return typeof o=="function"?n=o(e.value):n=o.replace(/:path/g,e.value.filePath),{url:n,text:t}})}function Mt(){const{page:s,theme:e,frontmatter:t}=L();return y(()=>{var $,V,b,P,T,A,B,S;const o=Te(e.value.sidebar,s.value.relativePath),n=ct(o),i=wt(n,H=>H.link.replace(/[?#].*$/,"")),l=i.findIndex(H=>z(s.value.relativePath,H.link)),f=(($=e.value.docFooter)==null?void 0:$.prev)===!1&&!t.value.prev||t.value.prev===!1,d=((V=e.value.docFooter)==null?void 0:V.next)===!1&&!t.value.next||t.value.next===!1;return{prev:f?void 0:{text:(typeof t.value.prev=="string"?t.value.prev:typeof t.value.prev=="object"?t.value.prev.text:void 0)??((b=i[l-1])==null?void 0:b.docFooterText)??((P=i[l-1])==null?void 0:P.text),link:(typeof t.value.prev=="object"?t.value.prev.link:void 0)??((T=i[l-1])==null?void 0:T.link)},next:d?void 0:{text:(typeof t.value.next=="string"?t.value.next:typeof t.value.next=="object"?t.value.next.text:void 0)??((A=i[l+1])==null?void 0:A.docFooterText)??((B=i[l+1])==null?void 0:B.text),link:(typeof t.value.next=="object"?t.value.next.link:void 0)??((S=i[l+1])==null?void 0:S.link)}}})}function wt(s,e){const t=new Set;return s.filter(o=>{const n=e(o);return t.has(n)?!1:t.add(n)})}const F=m({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(s){const e=s,t=y(()=>e.tag??(e.href?"a":"span")),o=y(()=>e.href&&ye.test(e.href)||e.target==="_blank");return(n,i)=>(a(),k(E(t.value),{class:M(["VPLink",{link:n.href,"vp-external-link-icon":o.value,"no-icon":n.noIcon}]),href:n.href?r(fe)(n.href):void 0,target:n.target??(o.value?"_blank":void 0),rel:n.rel??(o.value?"noreferrer":void 0)},{default:v(()=>[c(n.$slots,"default")]),_:3},8,["class","href","target","rel"]))}}),At={class:"VPLastUpdated"},Bt=["datetime"],Ct=m({__name:"VPDocFooterLastUpdated",setup(s){const{theme:e,page:t,lang:o}=L(),n=y(()=>new Date(t.value.lastUpdated)),i=y(()=>n.value.toISOString()),l=I("");return K(()=>{Y(()=>{var f,d,$;l.value=new Intl.DateTimeFormat((d=(f=e.value.lastUpdated)==null?void 0:f.formatOptions)!=null&&d.forceLocale?o.value:void 0,(($=e.value.lastUpdated)==null?void 0:$.formatOptions)??{dateStyle:"short",timeStyle:"short"}).format(n.value)})}),(f,d)=>{var $;return a(),u("p",At,[D(N((($=r(e).lastUpdated)==null?void 0:$.text)||r(e).lastUpdatedText||"Last updated")+": ",1),p("time",{datetime:i.value},N(l.value),9,Bt)])}}}),Ht=g(Ct,[["__scopeId","data-v-0621442a"]]),Et={key:0,class:"VPDocFooter"},Ft={key:0,class:"edit-info"},Dt={key:0,class:"edit-link"},Ot={key:1,class:"last-updated"},Gt={key:1,class:"prev-next","aria-labelledby":"doc-footer-aria-label"},Ut={class:"pager"},jt=["innerHTML"],zt=["innerHTML"],Kt={class:"pager"},qt=["innerHTML"],Wt=["innerHTML"],Rt=m({__name:"VPDocFooter",setup(s){const{theme:e,page:t,frontmatter:o}=L(),n=It(),i=Mt(),l=y(()=>e.value.editLink&&o.value.editLink!==!1),f=y(()=>t.value.lastUpdated),d=y(()=>l.value||f.value||i.value.prev||i.value.next);return($,V)=>{var b,P,T,A;return d.value?(a(),u("footer",Et,[c($.$slots,"doc-footer-before",{},void 0,!0),l.value||f.value?(a(),u("div",Ft,[l.value?(a(),u("div",Dt,[_(F,{class:"edit-link-button",href:r(n).url,"no-icon":!0},{default:v(()=>[V[0]||(V[0]=p("span",{class:"vpi-square-pen edit-link-icon"},null,-1)),D(" "+N(r(n).text),1)]),_:1},8,["href"])])):h("",!0),f.value?(a(),u("div",Ot,[_(Ht)])):h("",!0)])):h("",!0),(b=r(i).prev)!=null&&b.link||(P=r(i).next)!=null&&P.link?(a(),u("nav",Gt,[V[1]||(V[1]=p("span",{class:"visually-hidden",id:"doc-footer-aria-label"},"Pager",-1)),p("div",Ut,[(T=r(i).prev)!=null&&T.link?(a(),k(F,{key:0,class:"pager-link prev",href:r(i).prev.link},{default:v(()=>{var B;return[p("span",{class:"desc",innerHTML:((B=r(e).docFooter)==null?void 0:B.prev)||"Previous page"},null,8,jt),p("span",{class:"title",innerHTML:r(i).prev.text},null,8,zt)]}),_:1},8,["href"])):h("",!0)]),p("div",Kt,[(A=r(i).next)!=null&&A.link?(a(),k(F,{key:0,class:"pager-link next",href:r(i).next.link},{default:v(()=>{var B;return[p("span",{class:"desc",innerHTML:((B=r(e).docFooter)==null?void 0:B.next)||"Next page"},null,8,qt),p("span",{class:"title",innerHTML:r(i).next.text},null,8,Wt)]}),_:1},8,["href"])):h("",!0)])])):h("",!0)])):h("",!0)}}}),Jt=g(Rt,[["__scopeId","data-v-dbbe3b50"]]),Xt={class:"container"},Yt={class:"aside-container"},Qt={class:"aside-content"},Zt={class:"content"},xt={class:"content-container"},en={class:"main"},tn=m({__name:"VPDoc",setup(s){const{theme:e}=L(),t=Z(),{hasSidebar:o,hasAside:n,leftAside:i}=G(),l=y(()=>t.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(f,d)=>{const $=q("Content");return a(),u("div",{class:M(["VPDoc",{"has-sidebar":r(o),"has-aside":r(n)}])},[c(f.$slots,"doc-top",{},void 0,!0),p("div",Xt,[r(n)?(a(),u("div",{key:0,class:M(["aside",{"left-aside":r(i)}])},[d[0]||(d[0]=p("div",{class:"aside-curtain"},null,-1)),p("div",Yt,[p("div",Qt,[_(Nt,null,{"aside-top":v(()=>[c(f.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[c(f.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[c(f.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[c(f.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[c(f.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[c(f.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):h("",!0),p("div",Zt,[p("div",xt,[c(f.$slots,"doc-before",{},void 0,!0),p("main",en,[_($,{class:M(["vp-doc",[l.value,r(e).externalLinkIcon&&"external-link-icon-enabled"]])},null,8,["class"])]),_(Jt,null,{"doc-footer-before":v(()=>[c(f.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),c(f.$slots,"doc-after",{},void 0,!0)])])]),c(f.$slots,"doc-bottom",{},void 0,!0)],2)}}}),nn=g(tn,[["__scopeId","data-v-68f5ff40"]]),on=m({__name:"VPButton",props:{tag:{},size:{default:"medium"},theme:{default:"brand"},text:{},href:{},target:{},rel:{}},setup(s){const e=s,t=y(()=>e.href&&ye.test(e.href)),o=y(()=>e.tag||(e.href?"a":"button"));return(n,i)=>(a(),k(E(o.value),{class:M(["VPButton",[n.size,n.theme]]),href:n.href?r(fe)(n.href):void 0,target:e.target??(t.value?"_blank":void 0),rel:e.rel??(t.value?"noreferrer":void 0)},{default:v(()=>[D(N(n.text),1)]),_:1},8,["class","href","target","rel"]))}}),sn=g(on,[["__scopeId","data-v-5a7f4a3b"]]),an=["src","alt"],rn=m({inheritAttrs:!1,__name:"VPImage",props:{image:{},alt:{}},setup(s){return(e,t)=>{const o=q("VPImage",!0);return e.image?(a(),u(w,{key:0},[typeof e.image=="string"||"src"in e.image?(a(),u("img",j({key:0,class:"VPImage"},typeof e.image=="string"?e.$attrs:{...e.image,...e.$attrs},{src:r(de)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,an)):(a(),u(w,{key:1},[_(o,j({class:"dark",image:e.image.dark,alt:e.image.alt},e.$attrs),null,16,["image","alt"]),_(o,j({class:"light",image:e.image.light,alt:e.image.alt},e.$attrs),null,16,["image","alt"])],64))],64)):h("",!0)}}}),X=g(rn,[["__scopeId","data-v-161f3c50"]]),ln={class:"container"},cn={class:"main"},un={key:0,class:"name"},dn=["innerHTML"],vn=["innerHTML"],pn=["innerHTML"],fn={key:0,class:"actions"},hn={key:0,class:"image"},mn={class:"image-container"},_n=m({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(s){const e=x("hero-image-slot-exists");return(t,o)=>(a(),u("div",{class:M(["VPHero",{"has-image":t.image||r(e)}])},[p("div",ln,[p("div",cn,[c(t.$slots,"home-hero-info-before",{},void 0,!0),c(t.$slots,"home-hero-info",{},()=>[t.name?(a(),u("h1",un,[p("span",{innerHTML:t.name,class:"clip"},null,8,dn)])):h("",!0),t.text?(a(),u("p",{key:1,innerHTML:t.text,class:"text"},null,8,vn)):h("",!0),t.tagline?(a(),u("p",{key:2,innerHTML:t.tagline,class:"tagline"},null,8,pn)):h("",!0)],!0),c(t.$slots,"home-hero-info-after",{},void 0,!0),t.actions?(a(),u("div",fn,[(a(!0),u(w,null,C(t.actions,n=>(a(),u("div",{key:n.link,class:"action"},[_(sn,{tag:"a",size:"medium",theme:n.theme,text:n.text,href:n.link,target:n.target,rel:n.rel},null,8,["theme","text","href","target","rel"])]))),128))])):h("",!0),c(t.$slots,"home-hero-actions-after",{},void 0,!0)]),t.image||r(e)?(a(),u("div",hn,[p("div",mn,[o[0]||(o[0]=p("div",{class:"image-bg"},null,-1)),c(t.$slots,"home-hero-image",{},()=>[t.image?(a(),k(X,{key:0,class:"image-src",image:t.image},null,8,["image"])):h("",!0)],!0)])])):h("",!0)])],2))}}),kn=g(_n,[["__scopeId","data-v-a958191c"]]),bn=m({__name:"VPHomeHero",setup(s){const{frontmatter:e}=L();return(t,o)=>r(e).hero?(a(),k(kn,{key:0,class:"VPHomeHero",name:r(e).hero.name,text:r(e).hero.text,tagline:r(e).hero.tagline,image:r(e).hero.image,actions:r(e).hero.actions},{"home-hero-info-before":v(()=>[c(t.$slots,"home-hero-info-before")]),"home-hero-info":v(()=>[c(t.$slots,"home-hero-info")]),"home-hero-info-after":v(()=>[c(t.$slots,"home-hero-info-after")]),"home-hero-actions-after":v(()=>[c(t.$slots,"home-hero-actions-after")]),"home-hero-image":v(()=>[c(t.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):h("",!0)}}),gn={class:"box"},$n={key:0,class:"icon"},yn=["innerHTML"],Pn=["innerHTML"],Ln=["innerHTML"],Vn={key:4,class:"link-text"},Sn={class:"link-text-value"},Tn=m({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{},rel:{},target:{}},setup(s){return(e,t)=>(a(),k(F,{class:"VPFeature",href:e.link,rel:e.rel,target:e.target,"no-icon":!0,tag:e.link?"a":"div"},{default:v(()=>[p("article",gn,[typeof e.icon=="object"&&e.icon.wrap?(a(),u("div",$n,[_(X,{image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])])):typeof e.icon=="object"?(a(),k(X,{key:1,image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])):e.icon?(a(),u("div",{key:2,class:"icon",innerHTML:e.icon},null,8,yn)):h("",!0),p("h2",{class:"title",innerHTML:e.title},null,8,Pn),e.details?(a(),u("p",{key:3,class:"details",innerHTML:e.details},null,8,Ln)):h("",!0),e.linkText?(a(),u("div",Vn,[p("p",Sn,[D(N(e.linkText)+" ",1),t[0]||(t[0]=p("span",{class:"vpi-arrow-right link-text-icon"},null,-1))])])):h("",!0)])]),_:1},8,["href","rel","target","tag"]))}}),Nn=g(Tn,[["__scopeId","data-v-592584e2"]]),In={key:0,class:"VPFeatures"},Mn={class:"container"},wn={class:"items"},An=m({__name:"VPFeatures",props:{features:{}},setup(s){const e=s,t=y(()=>{const o=e.features.length;if(o){if(o===2)return"grid-2";if(o===3)return"grid-3";if(o%3===0)return"grid-6";if(o>3)return"grid-4"}else return});return(o,n)=>o.features?(a(),u("div",In,[p("div",Mn,[p("div",wn,[(a(!0),u(w,null,C(o.features,i=>(a(),u("div",{key:i.title,class:M(["item",[t.value]])},[_(Nn,{icon:i.icon,title:i.title,details:i.details,link:i.link,"link-text":i.linkText,rel:i.rel,target:i.target},null,8,["icon","title","details","link","link-text","rel","target"])],2))),128))])])])):h("",!0)}}),Bn=g(An,[["__scopeId","data-v-b7d3055b"]]),Cn=m({__name:"VPHomeFeatures",setup(s){const{frontmatter:e}=L();return(t,o)=>r(e).features?(a(),k(Bn,{key:0,class:"VPHomeFeatures",features:r(e).features},null,8,["features"])):h("",!0)}}),Hn=m({__name:"VPHomeContent",setup(s){const{width:e}=De({initialWidth:0,includeScrollbar:!1});return(t,o)=>(a(),u("div",{class:"vp-doc container",style:Pe(r(e)?{"--vp-offset":`calc(50% - ${r(e)/2}px)`}:{})},[c(t.$slots,"default",{},void 0,!0)],4))}}),En=g(Hn,[["__scopeId","data-v-7c4645cc"]]),Fn={class:"VPHome"},Dn=m({__name:"VPHome",setup(s){const{frontmatter:e}=L();return(t,o)=>{const n=q("Content");return a(),u("div",Fn,[c(t.$slots,"home-hero-before",{},void 0,!0),_(bn,null,{"home-hero-info-before":v(()=>[c(t.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":v(()=>[c(t.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":v(()=>[c(t.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":v(()=>[c(t.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":v(()=>[c(t.$slots,"home-hero-image",{},void 0,!0)]),_:3}),c(t.$slots,"home-hero-after",{},void 0,!0),c(t.$slots,"home-features-before",{},void 0,!0),_(Cn),c(t.$slots,"home-features-after",{},void 0,!0),r(e).markdownStyles!==!1?(a(),k(En,{key:0},{default:v(()=>[_(n)]),_:1})):(a(),k(n,{key:1}))])}}}),On=g(Dn,[["__scopeId","data-v-eb036f8b"]]),Gn={},Un={class:"VPPage"};function jn(s,e){const t=q("Content");return a(),u("div",Un,[c(s.$slots,"page-top"),_(t),c(s.$slots,"page-bottom")])}const zn=g(Gn,[["render",jn]]),Kn=m({__name:"VPContent",setup(s){const{page:e,frontmatter:t}=L(),{hasSidebar:o}=G();return(n,i)=>(a(),u("div",{class:M(["VPContent",{"has-sidebar":r(o),"is-home":r(t).layout==="home"}]),id:"VPContent"},[r(e).isNotFound?c(n.$slots,"not-found",{key:0},()=>[_(it)],!0):r(t).layout==="page"?(a(),k(zn,{key:1},{"page-top":v(()=>[c(n.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[c(n.$slots,"page-bottom",{},void 0,!0)]),_:3})):r(t).layout==="home"?(a(),k(On,{key:2},{"home-hero-before":v(()=>[c(n.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":v(()=>[c(n.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":v(()=>[c(n.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":v(()=>[c(n.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":v(()=>[c(n.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":v(()=>[c(n.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[c(n.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[c(n.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[c(n.$slots,"home-features-after",{},void 0,!0)]),_:3})):r(t).layout&&r(t).layout!=="doc"?(a(),k(E(r(t).layout),{key:3})):(a(),k(nn,{key:4},{"doc-top":v(()=>[c(n.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[c(n.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":v(()=>[c(n.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[c(n.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[c(n.$slots,"doc-after",{},void 0,!0)]),"aside-top":v(()=>[c(n.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":v(()=>[c(n.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[c(n.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[c(n.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[c(n.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":v(()=>[c(n.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}}),qn=g(Kn,[["__scopeId","data-v-2fef6454"]]),Wn={class:"container"},Rn=["innerHTML"],Jn=["innerHTML"],Xn=m({__name:"VPFooter",setup(s){const{theme:e,frontmatter:t}=L(),{hasSidebar:o}=G();return(n,i)=>r(e).footer&&r(t).footer!==!1?(a(),u("footer",{key:0,class:M(["VPFooter",{"has-sidebar":r(o)}])},[p("div",Wn,[r(e).footer.message?(a(),u("p",{key:0,class:"message",innerHTML:r(e).footer.message},null,8,Rn)):h("",!0),r(e).footer.copyright?(a(),u("p",{key:1,class:"copyright",innerHTML:r(e).footer.copyright},null,8,Jn)):h("",!0)])],2)):h("",!0)}}),Yn=g(Xn,[["__scopeId","data-v-5bb950ac"]]);function Qn(){const{theme:s,frontmatter:e}=L(),t=$e([]),o=y(()=>t.value.length>0);return Q(()=>{t.value=he(e.value.outline??s.value.outline)}),{headers:t,hasLocalNav:o}}const Zn={class:"menu-text"},xn={class:"header"},eo={class:"outline"},to=m({__name:"VPLocalNavOutlineDropdown",props:{headers:{},navHeight:{}},setup(s){const e=s,{theme:t}=L(),o=I(!1),n=I(0),i=I(),l=I();function f(b){var P;(P=i.value)!=null&&P.contains(b.target)||(o.value=!1)}O(o,b=>{if(b){document.addEventListener("click",f);return}document.removeEventListener("click",f)}),re("Escape",()=>{o.value=!1}),Q(()=>{o.value=!1});function d(){o.value=!o.value,n.value=window.innerHeight+Math.min(window.scrollY-e.navHeight,0)}function $(b){b.target.classList.contains("outline-link")&&(l.value&&(l.value.style.transition="none"),Oe(()=>{o.value=!1}))}function V(){o.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(b,P)=>(a(),u("div",{class:"VPLocalNavOutlineDropdown",style:Pe({"--vp-vh":n.value+"px"}),ref_key:"main",ref:i},[b.headers.length>0?(a(),u("button",{key:0,onClick:d,class:M({open:o.value})},[p("span",Zn,N(r(Ne)(r(t))),1),P[0]||(P[0]=p("span",{class:"vpi-chevron-right icon"},null,-1))],2)):(a(),u("button",{key:1,onClick:V},N(r(t).returnToTopLabel||"Return to top"),1)),_(ue,{name:"flyout"},{default:v(()=>[o.value?(a(),u("div",{key:0,ref_key:"items",ref:l,class:"items",onClick:$},[p("div",xn,[p("a",{class:"top-link",href:"#",onClick:V},N(r(t).returnToTopLabel||"Return to top"),1)]),p("div",eo,[_(Ie,{headers:b.headers},null,8,["headers"])])],512)):h("",!0)]),_:1})],4))}}),no=g(to,[["__scopeId","data-v-42e4b28b"]]),oo={class:"container"},so=["aria-expanded"],ao={class:"menu-text"},ro=m({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(s){const{theme:e,frontmatter:t}=L(),{hasSidebar:o}=G(),{headers:n}=Qn(),{y:i}=Le(),l=I(0);K(()=>{l.value=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--vp-nav-height"))}),Q(()=>{n.value=he(t.value.outline??e.value.outline)});const f=y(()=>n.value.length===0),d=y(()=>f.value&&!o.value),$=y(()=>({VPLocalNav:!0,"has-sidebar":o.value,empty:f.value,fixed:d.value}));return(V,b)=>r(t).layout!=="home"&&(!d.value||r(i)>=l.value)?(a(),u("div",{key:0,class:M($.value)},[p("div",oo,[r(o)?(a(),u("button",{key:0,class:"menu","aria-expanded":V.open,"aria-controls":"VPSidebarNav",onClick:b[0]||(b[0]=P=>V.$emit("open-menu"))},[b[1]||(b[1]=p("span",{class:"vpi-align-left menu-icon"},null,-1)),p("span",ao,N(r(e).sidebarMenuLabel||"Menu"),1)],8,so)):h("",!0),_(no,{headers:r(n),navHeight:l.value},null,8,["headers","navHeight"])])],2)):h("",!0)}}),io=g(ro,[["__scopeId","data-v-41a048b3"]]);function lo(){const s=I(!1);function e(){s.value=!0,window.addEventListener("resize",n)}function t(){s.value=!1,window.removeEventListener("resize",n)}function o(){s.value?t():e()}function n(){window.outerWidth>=768&&t()}const i=Z();return O(()=>i.path,t),{isScreenOpen:s,openScreen:e,closeScreen:t,toggleScreen:o}}const co={},uo={class:"VPSwitch",type:"button",role:"switch"},vo={class:"check"},po={key:0,class:"icon"};function fo(s,e){return a(),u("button",uo,[p("span",vo,[s.$slots.default?(a(),u("span",po,[c(s.$slots,"default",{},void 0,!0)])):h("",!0)])])}const ho=g(co,[["render",fo],["__scopeId","data-v-360e53fc"]]),mo=m({__name:"VPSwitchAppearance",setup(s){const{isDark:e,theme:t}=L(),o=x("toggle-appearance",()=>{e.value=!e.value}),n=I("");return pe(()=>{n.value=e.value?t.value.lightModeSwitchTitle||"Switch to light theme":t.value.darkModeSwitchTitle||"Switch to dark theme"}),(i,l)=>(a(),k(ho,{title:n.value,class:"VPSwitchAppearance","aria-checked":r(e),onClick:r(o)},{default:v(()=>l[0]||(l[0]=[p("span",{class:"vpi-sun sun"},null,-1),p("span",{class:"vpi-moon moon"},null,-1)])),_:1},8,["title","aria-checked","onClick"]))}}),me=g(mo,[["__scopeId","data-v-8c66aee1"]]),_o={key:0,class:"VPNavBarAppearance"},ko=m({__name:"VPNavBarAppearance",setup(s){const{site:e}=L();return(t,o)=>r(e).appearance&&r(e).appearance!=="force-dark"&&r(e).appearance!=="force-auto"?(a(),u("div",_o,[_(me)])):h("",!0)}}),bo=g(ko,[["__scopeId","data-v-488750b3"]]),_e=I();let Me=!1,se=0;function go(s){const e=I(!1);if(ee){!Me&&$o(),se++;const t=O(_e,o=>{var n,i,l;o===s.el.value||(n=s.el.value)!=null&&n.contains(o)?(e.value=!0,(i=s.onFocus)==null||i.call(s)):(e.value=!1,(l=s.onBlur)==null||l.call(s))});ve(()=>{t(),se--,se||yo()})}return Ge(e)}function $o(){document.addEventListener("focusin",we),Me=!0,_e.value=document.activeElement}function yo(){document.removeEventListener("focusin",we)}function we(){_e.value=document.activeElement}const Po={class:"VPMenuLink"},Lo=m({__name:"VPMenuLink",props:{item:{}},setup(s){const{page:e}=L();return(t,o)=>(a(),u("div",Po,[_(F,{class:M({active:r(z)(r(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel},{default:v(()=>[D(N(t.item.text),1)]),_:1},8,["class","href","target","rel"])]))}}),te=g(Lo,[["__scopeId","data-v-8a25db17"]]),Vo={class:"VPMenuGroup"},So={key:0,class:"title"},To=m({__name:"VPMenuGroup",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),u("div",Vo,[e.text?(a(),u("p",So,N(e.text),1)):h("",!0),(a(!0),u(w,null,C(e.items,o=>(a(),u(w,null,["link"in o?(a(),k(te,{key:0,item:o},null,8,["item"])):h("",!0)],64))),256))]))}}),No=g(To,[["__scopeId","data-v-2bfd8bae"]]),Io={class:"VPMenu"},Mo={key:0,class:"items"},wo=m({__name:"VPMenu",props:{items:{}},setup(s){return(e,t)=>(a(),u("div",Io,[e.items?(a(),u("div",Mo,[(a(!0),u(w,null,C(e.items,o=>(a(),u(w,{key:JSON.stringify(o)},["link"in o?(a(),k(te,{key:0,item:o},null,8,["item"])):"component"in o?(a(),k(E(o.component),j({key:1,ref_for:!0},o.props),null,16)):(a(),k(No,{key:2,text:o.text,items:o.items},null,8,["text","items"]))],64))),128))])):h("",!0),c(e.$slots,"default",{},void 0,!0)]))}}),Ao=g(wo,[["__scopeId","data-v-edffea9a"]]),Bo=["aria-expanded","aria-label"],Co={key:0,class:"text"},Ho=["innerHTML"],Eo={key:1,class:"vpi-more-horizontal icon"},Fo={class:"menu"},Do=m({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(s){const e=I(!1),t=I();go({el:t,onBlur:o});function o(){e.value=!1}return(n,i)=>(a(),u("div",{class:"VPFlyout",ref_key:"el",ref:t,onMouseenter:i[1]||(i[1]=l=>e.value=!0),onMouseleave:i[2]||(i[2]=l=>e.value=!1)},[p("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":e.value,"aria-label":n.label,onClick:i[0]||(i[0]=l=>e.value=!e.value)},[n.button||n.icon?(a(),u("span",Co,[n.icon?(a(),u("span",{key:0,class:M([n.icon,"option-icon"])},null,2)):h("",!0),n.button?(a(),u("span",{key:1,innerHTML:n.button},null,8,Ho)):h("",!0),i[3]||(i[3]=p("span",{class:"vpi-chevron-down text-icon"},null,-1))])):(a(),u("span",Eo))],8,Bo),p("div",Fo,[_(Ao,{items:n.items},{default:v(()=>[c(n.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}}),ke=g(Do,[["__scopeId","data-v-2c36ac32"]]),Oo=["href","aria-label","innerHTML"],Go=m({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{}},setup(s){const e=s,t=y(()=>typeof e.icon=="object"?e.icon.svg:`<span class="vpi-social-${e.icon}" />`);return(o,n)=>(a(),u("a",{class:"VPSocialLink no-icon",href:o.link,"aria-label":o.ariaLabel??(typeof o.icon=="string"?o.icon:""),target:"_blank",rel:"noopener",innerHTML:t.value},null,8,Oo))}}),Uo=g(Go,[["__scopeId","data-v-b4bb9658"]]),jo={class:"VPSocialLinks"},zo=m({__name:"VPSocialLinks",props:{links:{}},setup(s){return(e,t)=>(a(),u("div",jo,[(a(!0),u(w,null,C(e.links,({link:o,icon:n,ariaLabel:i})=>(a(),k(Uo,{key:o,icon:n,link:o,ariaLabel:i},null,8,["icon","link","ariaLabel"]))),128))]))}}),be=g(zo,[["__scopeId","data-v-d6fc0ca6"]]),Ko={key:0,class:"group translations"},qo={class:"trans-title"},Wo={key:1,class:"group"},Ro={class:"item appearance"},Jo={class:"label"},Xo={class:"appearance-action"},Yo={key:2,class:"group"},Qo={class:"item social-links"},Zo=m({__name:"VPNavBarExtra",setup(s){const{site:e,theme:t}=L(),{localeLinks:o,currentLang:n}=R({correspondingLink:!0}),i=y(()=>o.value.length&&n.value.label||e.value.appearance||t.value.socialLinks);return(l,f)=>i.value?(a(),k(ke,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:v(()=>[r(o).length&&r(n).label?(a(),u("div",Ko,[p("p",qo,N(r(n).label),1),(a(!0),u(w,null,C(r(o),d=>(a(),k(te,{key:d.link,item:d},null,8,["item"]))),128))])):h("",!0),r(e).appearance&&r(e).appearance!=="force-dark"&&r(e).appearance!=="force-auto"?(a(),u("div",Wo,[p("div",Ro,[p("p",Jo,N(r(t).darkModeSwitchLabel||"Appearance"),1),p("div",Xo,[_(me)])])])):h("",!0),r(t).socialLinks?(a(),u("div",Yo,[p("div",Qo,[_(be,{class:"social-links-list",links:r(t).socialLinks},null,8,["links"])])])):h("",!0)]),_:1})):h("",!0)}}),xo=g(Zo,[["__scopeId","data-v-9d2cbf32"]]),es=["aria-expanded"],ts=m({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(s){return(e,t)=>(a(),u("button",{type:"button",class:M(["VPNavBarHamburger",{active:e.active}]),"aria-label":"mobile navigation","aria-expanded":e.active,"aria-controls":"VPNavScreen",onClick:t[0]||(t[0]=o=>e.$emit("click"))},t[1]||(t[1]=[p("span",{class:"container"},[p("span",{class:"top"}),p("span",{class:"middle"}),p("span",{class:"bottom"})],-1)]),10,es))}}),ns=g(ts,[["__scopeId","data-v-69a8a7a4"]]),os=["innerHTML"],ss=m({__name:"VPNavBarMenuLink",props:{item:{}},setup(s){const{page:e}=L();return(t,o)=>(a(),k(F,{class:M({VPNavBarMenuLink:!0,active:r(z)(r(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,noIcon:t.item.noIcon,target:t.item.target,rel:t.item.rel,tabindex:"0"},{default:v(()=>[p("span",{innerHTML:t.item.text},null,8,os)]),_:1},8,["class","href","noIcon","target","rel"]))}}),as=g(ss,[["__scopeId","data-v-b7be9d26"]]),rs=m({__name:"VPNavBarMenuGroup",props:{item:{}},setup(s){const e=s,{page:t}=L(),o=i=>"component"in i?!1:"link"in i?z(t.value.relativePath,i.link,!!e.item.activeMatch):i.items.some(o),n=y(()=>o(e.item));return(i,l)=>(a(),k(ke,{class:M({VPNavBarMenuGroup:!0,active:r(z)(r(t).relativePath,i.item.activeMatch,!!i.item.activeMatch)||n.value}),button:i.item.text,items:i.item.items},null,8,["class","button","items"]))}}),is={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},ls=m({__name:"VPNavBarMenu",setup(s){const{theme:e}=L();return(t,o)=>r(e).nav?(a(),u("nav",is,[o[0]||(o[0]=p("span",{id:"main-nav-aria-label",class:"visually-hidden"}," Main Navigation ",-1)),(a(!0),u(w,null,C(r(e).nav,n=>(a(),u(w,{key:JSON.stringify(n)},["link"in n?(a(),k(as,{key:0,item:n},null,8,["item"])):"component"in n?(a(),k(E(n.component),j({key:1,ref_for:!0},n.props),null,16)):(a(),k(rs,{key:2,item:n},null,8,["item"]))],64))),128))])):h("",!0)}}),cs=g(ls,[["__scopeId","data-v-7a2564bf"]]);function us(s){const{localeIndex:e,theme:t}=L();function o(n){var A,B,S;const i=n.split("."),l=(A=t.value.search)==null?void 0:A.options,f=l&&typeof l=="object",d=f&&((S=(B=l.locales)==null?void 0:B[e.value])==null?void 0:S.translations)||null,$=f&&l.translations||null;let V=d,b=$,P=s;const T=i.pop();for(const H of i){let U=null;const W=P==null?void 0:P[H];W&&(U=P=W);const ne=b==null?void 0:b[H];ne&&(U=b=ne);const oe=V==null?void 0:V[H];oe&&(U=V=oe),W||(P=U),ne||(b=U),oe||(V=U)}return(V==null?void 0:V[T])??(b==null?void 0:b[T])??(P==null?void 0:P[T])??""}return o}const ds=["aria-label"],vs={class:"DocSearch-Button-Container"},ps={class:"DocSearch-Button-Placeholder"},ge=m({__name:"VPNavBarSearchButton",setup(s){const t=us({button:{buttonText:"Search",buttonAriaLabel:"Search"}});return(o,n)=>(a(),u("button",{type:"button",class:"DocSearch DocSearch-Button","aria-label":r(t)("button.buttonAriaLabel")},[p("span",vs,[n[0]||(n[0]=p("span",{class:"vp-icon DocSearch-Search-Icon"},null,-1)),p("span",ps,N(r(t)("button.buttonText")),1)]),n[1]||(n[1]=p("span",{class:"DocSearch-Button-Keys"},[p("kbd",{class:"DocSearch-Button-Key"}),p("kbd",{class:"DocSearch-Button-Key"},"K")],-1))],8,ds))}}),fs={class:"VPNavBarSearch"},hs={id:"local-search"},ms={key:1,id:"docsearch"},_s=m({__name:"VPNavBarSearch",setup(s){const e=Ue(()=>je(()=>import("./VPLocalSearchBox.D-R1cdco.js"),__vite__mapDeps([0,1]))),t=()=>null,{theme:o}=L(),n=I(!1),i=I(!1);K(()=>{});function l(){n.value||(n.value=!0,setTimeout(f,16))}function f(){const b=new Event("keydown");b.key="k",b.metaKey=!0,window.dispatchEvent(b),setTimeout(()=>{document.querySelector(".DocSearch-Modal")||f()},16)}function d(b){const P=b.target,T=P.tagName;return P.isContentEditable||T==="INPUT"||T==="SELECT"||T==="TEXTAREA"}const $=I(!1);re("k",b=>{(b.ctrlKey||b.metaKey)&&(b.preventDefault(),$.value=!0)}),re("/",b=>{d(b)||(b.preventDefault(),$.value=!0)});const V="local";return(b,P)=>{var T;return a(),u("div",fs,[r(V)==="local"?(a(),u(w,{key:0},[$.value?(a(),k(r(e),{key:0,onClose:P[0]||(P[0]=A=>$.value=!1)})):h("",!0),p("div",hs,[_(ge,{onClick:P[1]||(P[1]=A=>$.value=!0)})])],64)):r(V)==="algolia"?(a(),u(w,{key:1},[n.value?(a(),k(r(t),{key:0,algolia:((T=r(o).search)==null?void 0:T.options)??r(o).algolia,onVnodeBeforeMount:P[2]||(P[2]=A=>i.value=!0)},null,8,["algolia"])):h("",!0),i.value?h("",!0):(a(),u("div",ms,[_(ge,{onClick:l})]))],64)):h("",!0)])}}}),ks=m({__name:"VPNavBarSocialLinks",setup(s){const{theme:e}=L();return(t,o)=>r(e).socialLinks?(a(),k(be,{key:0,class:"VPNavBarSocialLinks",links:r(e).socialLinks},null,8,["links"])):h("",!0)}}),bs=g(ks,[["__scopeId","data-v-4adea010"]]),gs=["href","rel","target"],$s={key:1},ys={key:2},Ps=m({__name:"VPNavBarTitle",setup(s){const{site:e,theme:t}=L(),{hasSidebar:o}=G(),{currentLang:n}=R(),i=y(()=>{var d;return typeof t.value.logoLink=="string"?t.value.logoLink:(d=t.value.logoLink)==null?void 0:d.link}),l=y(()=>{var d;return typeof t.value.logoLink=="string"||(d=t.value.logoLink)==null?void 0:d.rel}),f=y(()=>{var d;return typeof t.value.logoLink=="string"||(d=t.value.logoLink)==null?void 0:d.target});return(d,$)=>(a(),u("div",{class:M(["VPNavBarTitle",{"has-sidebar":r(o)}])},[p("a",{class:"title",href:i.value??r(fe)(r(n).link),rel:l.value,target:f.value},[c(d.$slots,"nav-bar-title-before",{},void 0,!0),r(t).logo?(a(),k(X,{key:0,class:"logo",image:r(t).logo},null,8,["image"])):h("",!0),r(t).siteTitle?(a(),u("span",$s,N(r(t).siteTitle),1)):r(t).siteTitle===void 0?(a(),u("span",ys,N(r(e).title),1)):h("",!0),c(d.$slots,"nav-bar-title-after",{},void 0,!0)],8,gs)],2))}}),Ls=g(Ps,[["__scopeId","data-v-389aaf3d"]]),Vs={class:"items"},Ss={class:"title"},Ts=m({__name:"VPNavBarTranslations",setup(s){const{theme:e}=L(),{localeLinks:t,currentLang:o}=R({correspondingLink:!0});return(n,i)=>r(t).length&&r(o).label?(a(),k(ke,{key:0,class:"VPNavBarTranslations",icon:"vpi-languages",label:r(e).langMenuLabel||"Change language"},{default:v(()=>[p("div",Vs,[p("p",Ss,N(r(o).label),1),(a(!0),u(w,null,C(r(t),l=>(a(),k(te,{key:l.link,item:l},null,8,["item"]))),128))])]),_:1},8,["label"])):h("",!0)}}),Ns=g(Ts,[["__scopeId","data-v-391c7104"]]),Is={class:"wrapper"},Ms={class:"container"},ws={class:"title"},As={class:"content"},Bs={class:"content-body"},Cs=m({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(s){const e=s,{y:t}=Le(),{hasSidebar:o}=G(),{frontmatter:n}=L(),i=I({});return pe(()=>{i.value={"has-sidebar":o.value,home:n.value.layout==="home",top:t.value===0,"screen-open":e.isScreenOpen}}),(l,f)=>(a(),u("div",{class:M(["VPNavBar",i.value])},[p("div",Is,[p("div",Ms,[p("div",ws,[_(Ls,null,{"nav-bar-title-before":v(()=>[c(l.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[c(l.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),p("div",As,[p("div",Bs,[c(l.$slots,"nav-bar-content-before",{},void 0,!0),_(_s,{class:"search"}),_(cs,{class:"menu"}),_(Ns,{class:"translations"}),_(bo,{class:"appearance"}),_(bs,{class:"social-links"}),_(xo,{class:"extra"}),c(l.$slots,"nav-bar-content-after",{},void 0,!0),_(ns,{class:"hamburger",active:l.isScreenOpen,onClick:f[0]||(f[0]=d=>l.$emit("toggle-screen"))},null,8,["active"])])])])]),f[1]||(f[1]=p("div",{class:"divider"},[p("div",{class:"divider-line"})],-1))],2))}}),Hs=g(Cs,[["__scopeId","data-v-b26cb13e"]]),Es={key:0,class:"VPNavScreenAppearance"},Fs={class:"text"},Ds=m({__name:"VPNavScreenAppearance",setup(s){const{site:e,theme:t}=L();return(o,n)=>r(e).appearance&&r(e).appearance!=="force-dark"&&r(e).appearance!=="force-auto"?(a(),u("div",Es,[p("p",Fs,N(r(t).darkModeSwitchLabel||"Appearance"),1),_(me)])):h("",!0)}}),Os=g(Ds,[["__scopeId","data-v-f140d185"]]),Gs=m({__name:"VPNavScreenMenuLink",props:{item:{}},setup(s){const e=x("close-screen");return(t,o)=>(a(),k(F,{class:"VPNavScreenMenuLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:r(e),innerHTML:t.item.text},null,8,["href","target","rel","onClick","innerHTML"]))}}),Us=g(Gs,[["__scopeId","data-v-32d57cf6"]]),js=m({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(s){const e=x("close-screen");return(t,o)=>(a(),k(F,{class:"VPNavScreenMenuGroupLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:r(e)},{default:v(()=>[D(N(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}}),Ae=g(js,[["__scopeId","data-v-3adffa3c"]]),zs={class:"VPNavScreenMenuGroupSection"},Ks={key:0,class:"title"},qs=m({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(s){return(e,t)=>(a(),u("div",zs,[e.text?(a(),u("p",Ks,N(e.text),1)):h("",!0),(a(!0),u(w,null,C(e.items,o=>(a(),k(Ae,{key:o.text,item:o},null,8,["item"]))),128))]))}}),Ws=g(qs,[["__scopeId","data-v-6dd549c2"]]),Rs=["aria-controls","aria-expanded"],Js=["innerHTML"],Xs=["id"],Ys={key:0,class:"item"},Qs={key:1,class:"item"},Zs={key:2,class:"group"},xs=m({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(s){const e=s,t=I(!1),o=y(()=>`NavScreenGroup-${e.text.replace(" ","-").toLowerCase()}`);function n(){t.value=!t.value}return(i,l)=>(a(),u("div",{class:M(["VPNavScreenMenuGroup",{open:t.value}])},[p("button",{class:"button","aria-controls":o.value,"aria-expanded":t.value,onClick:n},[p("span",{class:"button-text",innerHTML:i.text},null,8,Js),l[0]||(l[0]=p("span",{class:"vpi-plus button-icon"},null,-1))],8,Rs),p("div",{id:o.value,class:"items"},[(a(!0),u(w,null,C(i.items,f=>(a(),u(w,{key:JSON.stringify(f)},["link"in f?(a(),u("div",Ys,[_(Ae,{item:f},null,8,["item"])])):"component"in f?(a(),u("div",Qs,[(a(),k(E(f.component),j({ref_for:!0},f.props,{"screen-menu":""}),null,16))])):(a(),u("div",Zs,[_(Ws,{text:f.text,items:f.items},null,8,["text","items"])]))],64))),128))],8,Xs)],2))}}),ea=g(xs,[["__scopeId","data-v-dd3775b8"]]),ta={key:0,class:"VPNavScreenMenu"},na=m({__name:"VPNavScreenMenu",setup(s){const{theme:e}=L();return(t,o)=>r(e).nav?(a(),u("nav",ta,[(a(!0),u(w,null,C(r(e).nav,n=>(a(),u(w,{key:JSON.stringify(n)},["link"in n?(a(),k(Us,{key:0,item:n},null,8,["item"])):"component"in n?(a(),k(E(n.component),j({key:1,ref_for:!0},n.props,{"screen-menu":""}),null,16)):(a(),k(ea,{key:2,text:n.text||"",items:n.items},null,8,["text","items"]))],64))),128))])):h("",!0)}}),oa=m({__name:"VPNavScreenSocialLinks",setup(s){const{theme:e}=L();return(t,o)=>r(e).socialLinks?(a(),k(be,{key:0,class:"VPNavScreenSocialLinks",links:r(e).socialLinks},null,8,["links"])):h("",!0)}}),sa={class:"list"},aa=m({__name:"VPNavScreenTranslations",setup(s){const{localeLinks:e,currentLang:t}=R({correspondingLink:!0}),o=I(!1);function n(){o.value=!o.value}return(i,l)=>r(e).length&&r(t).label?(a(),u("div",{key:0,class:M(["VPNavScreenTranslations",{open:o.value}])},[p("button",{class:"title",onClick:n},[l[0]||(l[0]=p("span",{class:"vpi-languages icon lang"},null,-1)),D(" "+N(r(t).label)+" ",1),l[1]||(l[1]=p("span",{class:"vpi-chevron-down icon chevron"},null,-1))]),p("ul",sa,[(a(!0),u(w,null,C(r(e),f=>(a(),u("li",{key:f.link,class:"item"},[_(F,{class:"link",href:f.link},{default:v(()=>[D(N(f.text),1)]),_:2},1032,["href"])]))),128))])],2)):h("",!0)}}),ra=g(aa,[["__scopeId","data-v-1e116d9d"]]),ia={class:"container"},la=m({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(s){const e=I(null),t=Ve(ee?document.body:null);return(o,n)=>(a(),k(ue,{name:"fade",onEnter:n[0]||(n[0]=i=>t.value=!0),onAfterLeave:n[1]||(n[1]=i=>t.value=!1)},{default:v(()=>[o.open?(a(),u("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:e,id:"VPNavScreen"},[p("div",ia,[c(o.$slots,"nav-screen-content-before",{},void 0,!0),_(na,{class:"menu"}),_(ra,{class:"translations"}),_(Os,{class:"appearance"}),_(oa,{class:"social-links"}),c(o.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):h("",!0)]),_:3}))}}),ca=g(la,[["__scopeId","data-v-ff89af51"]]),ua={key:0,class:"VPNav"},da=m({__name:"VPNav",setup(s){const{isScreenOpen:e,closeScreen:t,toggleScreen:o}=lo(),{frontmatter:n}=L(),i=y(()=>n.value.navbar!==!1);return Se("close-screen",t),Y(()=>{ee&&document.documentElement.classList.toggle("hide-nav",!i.value)}),(l,f)=>i.value?(a(),u("header",ua,[_(Hs,{"is-screen-open":r(e),onToggleScreen:r(o)},{"nav-bar-title-before":v(()=>[c(l.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[c(l.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[c(l.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[c(l.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),_(ca,{open:r(e)},{"nav-screen-content-before":v(()=>[c(l.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[c(l.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])])):h("",!0)}}),va=g(da,[["__scopeId","data-v-6f474b23"]]),pa=["role","tabindex"],fa={key:1,class:"items"},ha=m({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(s){const e=s,{collapsed:t,collapsible:o,isLink:n,isActiveLink:i,hasActiveLink:l,hasChildren:f,toggle:d}=dt(y(()=>e.item)),$=y(()=>f.value?"section":"div"),V=y(()=>n.value?"a":"div"),b=y(()=>f.value?e.depth+2===7?"p":`h${e.depth+2}`:"p"),P=y(()=>n.value?void 0:"button"),T=y(()=>[[`level-${e.depth}`],{collapsible:o.value},{collapsed:t.value},{"is-link":n.value},{"is-active":i.value},{"has-active":l.value}]);function A(S){"key"in S&&S.key!=="Enter"||!e.item.link&&d()}function B(){e.item.link&&d()}return(S,H)=>{const U=q("VPSidebarItem",!0);return a(),k(E($.value),{class:M(["VPSidebarItem",T.value])},{default:v(()=>[S.item.text?(a(),u("div",j({key:0,class:"item",role:P.value},Ke(S.item.items?{click:A,keydown:A}:{},!0),{tabindex:S.item.items&&0}),[H[1]||(H[1]=p("div",{class:"indicator"},null,-1)),S.item.link?(a(),k(F,{key:0,tag:V.value,class:"link",href:S.item.link,rel:S.item.rel,target:S.item.target},{default:v(()=>[(a(),k(E(b.value),{class:"text",innerHTML:S.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href","rel","target"])):(a(),k(E(b.value),{key:1,class:"text",innerHTML:S.item.text},null,8,["innerHTML"])),S.item.collapsed!=null&&S.item.items&&S.item.items.length?(a(),u("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:B,onKeydown:ze(B,["enter"]),tabindex:"0"},H[0]||(H[0]=[p("span",{class:"vpi-chevron-right caret-icon"},null,-1)]),32)):h("",!0)],16,pa)):h("",!0),S.item.items&&S.item.items.length?(a(),u("div",fa,[S.depth<5?(a(!0),u(w,{key:0},C(S.item.items,W=>(a(),k(U,{key:W.text,item:W,depth:S.depth+1},null,8,["item","depth"]))),128)):h("",!0)])):h("",!0)]),_:1},8,["class"])}}}),ma=g(ha,[["__scopeId","data-v-aad23f36"]]),_a=m({__name:"VPSidebarGroup",props:{items:{}},setup(s){const e=I(!0);let t=null;return K(()=>{t=setTimeout(()=>{t=null,e.value=!1},300)}),qe(()=>{t!=null&&(clearTimeout(t),t=null)}),(o,n)=>(a(!0),u(w,null,C(o.items,i=>(a(),u("div",{key:i.text,class:M(["group",{"no-transition":e.value}])},[_(ma,{item:i,depth:0},null,8,["item"])],2))),128))}}),ka=g(_a,[["__scopeId","data-v-7b63e751"]]),ba={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},ga=m({__name:"VPSidebar",props:{open:{type:Boolean}},setup(s){const{sidebarGroups:e,hasSidebar:t}=G(),o=s,n=I(null),i=Ve(ee?document.body:null);O([o,n],()=>{var f;o.open?(i.value=!0,(f=n.value)==null||f.focus()):i.value=!1},{immediate:!0,flush:"post"});const l=I(0);return O(e,()=>{l.value+=1},{deep:!0}),(f,d)=>r(t)?(a(),u("aside",{key:0,class:M(["VPSidebar",{open:f.open}]),ref_key:"navEl",ref:n,onClick:d[0]||(d[0]=We(()=>{},["stop"]))},[d[2]||(d[2]=p("div",{class:"curtain"},null,-1)),p("nav",ba,[d[1]||(d[1]=p("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),c(f.$slots,"sidebar-nav-before",{},void 0,!0),(a(),k(ka,{items:r(e),key:l.value},null,8,["items"])),c(f.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):h("",!0)}}),$a=g(ga,[["__scopeId","data-v-73dab79a"]]),ya=m({__name:"VPSkipLink",setup(s){const e=Z(),t=I();O(()=>e.path,()=>t.value.focus());function o({target:n}){const i=document.getElementById(decodeURIComponent(n.hash).slice(1));if(i){const l=()=>{i.removeAttribute("tabindex"),i.removeEventListener("blur",l)};i.setAttribute("tabindex","-1"),i.addEventListener("blur",l),i.focus(),window.scrollTo(0,0)}}return(n,i)=>(a(),u(w,null,[p("span",{ref_key:"backToTop",ref:t,tabindex:"-1"},null,512),p("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:o}," Skip to content ")],64))}}),Pa=g(ya,[["__scopeId","data-v-eea713a2"]]),La=m({__name:"Layout",setup(s){const{isOpen:e,open:t,close:o}=G(),n=Z();O(()=>n.path,o),ut(e,o);const{frontmatter:i}=L(),l=Re(),f=y(()=>!!l["home-hero-image"]);return Se("hero-image-slot-exists",f),(d,$)=>{const V=q("Content");return r(i).layout!==!1?(a(),u("div",{key:0,class:M(["Layout",r(i).pageClass])},[c(d.$slots,"layout-top",{},void 0,!0),_(Pa),_(Qe,{class:"backdrop",show:r(e),onClick:r(o)},null,8,["show","onClick"]),_(va,null,{"nav-bar-title-before":v(()=>[c(d.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[c(d.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[c(d.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[c(d.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":v(()=>[c(d.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[c(d.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),_(io,{open:r(e),onOpenMenu:r(t)},null,8,["open","onOpenMenu"]),_($a,{open:r(e)},{"sidebar-nav-before":v(()=>[c(d.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":v(()=>[c(d.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),_(qn,null,{"page-top":v(()=>[c(d.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[c(d.$slots,"page-bottom",{},void 0,!0)]),"not-found":v(()=>[c(d.$slots,"not-found",{},void 0,!0)]),"home-hero-before":v(()=>[c(d.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":v(()=>[c(d.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":v(()=>[c(d.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":v(()=>[c(d.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":v(()=>[c(d.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":v(()=>[c(d.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[c(d.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[c(d.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[c(d.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":v(()=>[c(d.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[c(d.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[c(d.$slots,"doc-after",{},void 0,!0)]),"doc-top":v(()=>[c(d.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[c(d.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":v(()=>[c(d.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[c(d.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[c(d.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[c(d.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[c(d.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[c(d.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),_(Yn),c(d.$slots,"layout-bottom",{},void 0,!0)],2)):(a(),k(V,{key:1}))}}}),Va=g(La,[["__scopeId","data-v-13494db4"]]),Ta={Layout:Va,enhanceApp:({app:s})=>{s.component("Badge",Je)}};export{us as c,Ta as t,L as u};
diff --git a/assets/documentation_controls_data_busyarea.md.DMJsYZEZ.js b/assets/documentation_controls_data_busyarea.md.CGSRNTXx.js
similarity index 93%
rename from assets/documentation_controls_data_busyarea.md.DMJsYZEZ.js
rename to assets/documentation_controls_data_busyarea.md.CGSRNTXx.js
index c38361cd6..ec9420020 100644
--- a/assets/documentation_controls_data_busyarea.md.DMJsYZEZ.js
+++ b/assets/documentation_controls_data_busyarea.md.CGSRNTXx.js
@@ -1,3 +1,3 @@
-import{_ as a,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"BusyArea","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/busyarea.md","filePath":"documentation/controls/data/busyarea.md"}'),n={name:"documentation/controls/data/busyarea.md"};function l(h,s,r,p,k,o){return e(),i("div",null,s[0]||(s[0]=[t(`<h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
+import{_ as a,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"BusyArea","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/busyarea.md","filePath":"documentation/controls/data/busyarea.md"}'),n={name:"documentation/controls/data/busyarea.md"};function l(h,s,r,p,k,o){return e(),i("div",null,s[0]||(s[0]=[t(`<h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,3)]))}const u=a(n,[["render",l]]);export{c as __pageData,u as default};
diff --git a/assets/documentation_controls_data_busyarea.md.DMJsYZEZ.lean.js b/assets/documentation_controls_data_busyarea.md.CGSRNTXx.lean.js
similarity index 93%
rename from assets/documentation_controls_data_busyarea.md.DMJsYZEZ.lean.js
rename to assets/documentation_controls_data_busyarea.md.CGSRNTXx.lean.js
index c38361cd6..ec9420020 100644
--- a/assets/documentation_controls_data_busyarea.md.DMJsYZEZ.lean.js
+++ b/assets/documentation_controls_data_busyarea.md.CGSRNTXx.lean.js
@@ -1,3 +1,3 @@
-import{_ as a,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"BusyArea","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/busyarea.md","filePath":"documentation/controls/data/busyarea.md"}'),n={name:"documentation/controls/data/busyarea.md"};function l(h,s,r,p,k,o){return e(),i("div",null,s[0]||(s[0]=[t(`<h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
+import{_ as a,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"BusyArea","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/busyarea.md","filePath":"documentation/controls/data/busyarea.md"}'),n={name:"documentation/controls/data/busyarea.md"};function l(h,s,r,p,k,o){return e(),i("div",null,s[0]||(s[0]=[t(`<h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,3)]))}const u=a(n,[["render",l]]);export{c as __pageData,u as default};
diff --git a/assets/documentation_controls_data_datagrid.md.CP6rCDfR.js b/assets/documentation_controls_data_datagrid.md.DZ5jkVbn.js
similarity index 84%
rename from assets/documentation_controls_data_datagrid.md.CP6rCDfR.js
rename to assets/documentation_controls_data_datagrid.md.DZ5jkVbn.js
index 31626cd24..3d80b77ce 100644
--- a/assets/documentation_controls_data_datagrid.md.CP6rCDfR.js
+++ b/assets/documentation_controls_data_datagrid.md.DZ5jkVbn.js
@@ -1 +1 @@
-import{_ as t,c as a,o as e}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/datagrid.md","filePath":"documentation/controls/data/datagrid.md"}'),o={name:"documentation/controls/data/datagrid.md"};function r(d,n,c,s,i,m){return e(),a("div")}const l=t(o,[["render",r]]);export{_ as __pageData,l as default};
+import{_ as t,c as a,o as e}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/datagrid.md","filePath":"documentation/controls/data/datagrid.md"}'),o={name:"documentation/controls/data/datagrid.md"};function r(d,n,c,s,i,m){return e(),a("div")}const l=t(o,[["render",r]]);export{_ as __pageData,l as default};
diff --git a/assets/documentation_controls_data_datagrid.md.CP6rCDfR.lean.js b/assets/documentation_controls_data_datagrid.md.DZ5jkVbn.lean.js
similarity index 84%
rename from assets/documentation_controls_data_datagrid.md.CP6rCDfR.lean.js
rename to assets/documentation_controls_data_datagrid.md.DZ5jkVbn.lean.js
index 31626cd24..3d80b77ce 100644
--- a/assets/documentation_controls_data_datagrid.md.CP6rCDfR.lean.js
+++ b/assets/documentation_controls_data_datagrid.md.DZ5jkVbn.lean.js
@@ -1 +1 @@
-import{_ as t,c as a,o as e}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/datagrid.md","filePath":"documentation/controls/data/datagrid.md"}'),o={name:"documentation/controls/data/datagrid.md"};function r(d,n,c,s,i,m){return e(),a("div")}const l=t(o,[["render",r]]);export{_ as __pageData,l as default};
+import{_ as t,c as a,o as e}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/datagrid.md","filePath":"documentation/controls/data/datagrid.md"}'),o={name:"documentation/controls/data/datagrid.md"};function r(d,n,c,s,i,m){return e(),a("div")}const l=t(o,[["render",r]]);export{_ as __pageData,l as default};
diff --git a/assets/documentation_controls_data_expander.md.fMVQ3JuJ.js b/assets/documentation_controls_data_expander.md.CMBHeNWz.js
similarity index 99%
rename from assets/documentation_controls_data_expander.md.fMVQ3JuJ.js
rename to assets/documentation_controls_data_expander.md.CMBHeNWz.js
index 27ac04df1..c043e6ba3 100644
--- a/assets/documentation_controls_data_expander.md.fMVQ3JuJ.js
+++ b/assets/documentation_controls_data_expander.md.CMBHeNWz.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/expander.BruAnsjt.js";import{_ as a,c as n,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Expander","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/expander.md","filePath":"documentation/controls/data/expander.md"}'),l={name:"documentation/controls/data/expander.md"};function h(p,s,k,E,r,d){return e(),n("div",null,s[0]||(s[0]=[t('<h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> is a content area which can be collapsed and expanded. It has styles for all <code>ExpandDirections</code>, using custom animation behaviour and controls internally to correctly animate showing/hiding any size content.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/expander.BruAnsjt.js";import{_ as a,c as n,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Expander","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/expander.md","filePath":"documentation/controls/data/expander.md"}'),l={name:"documentation/controls/data/expander.md"};function h(p,s,k,E,r,d){return e(),n("div",null,s[0]||(s[0]=[t('<h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> is a content area which can be collapsed and expanded. It has styles for all <code>ExpandDirections</code>, using custom animation behaviour and controls internally to correctly animate showing/hiding any size content.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Some Down Content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
diff --git a/assets/documentation_controls_data_expander.md.fMVQ3JuJ.lean.js b/assets/documentation_controls_data_expander.md.CMBHeNWz.lean.js
similarity index 99%
rename from assets/documentation_controls_data_expander.md.fMVQ3JuJ.lean.js
rename to assets/documentation_controls_data_expander.md.CMBHeNWz.lean.js
index 27ac04df1..c043e6ba3 100644
--- a/assets/documentation_controls_data_expander.md.fMVQ3JuJ.lean.js
+++ b/assets/documentation_controls_data_expander.md.CMBHeNWz.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/expander.BruAnsjt.js";import{_ as a,c as n,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Expander","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/expander.md","filePath":"documentation/controls/data/expander.md"}'),l={name:"documentation/controls/data/expander.md"};function h(p,s,k,E,r,d){return e(),n("div",null,s[0]||(s[0]=[t('<h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> is a content area which can be collapsed and expanded. It has styles for all <code>ExpandDirections</code>, using custom animation behaviour and controls internally to correctly animate showing/hiding any size content.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/expander.BruAnsjt.js";import{_ as a,c as n,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Expander","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/expander.md","filePath":"documentation/controls/data/expander.md"}'),l={name:"documentation/controls/data/expander.md"};function h(p,s,k,E,r,d){return e(),n("div",null,s[0]||(s[0]=[t('<h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> is a content area which can be collapsed and expanded. It has styles for all <code>ExpandDirections</code>, using custom animation behaviour and controls internally to correctly animate showing/hiding any size content.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Some Down Content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
diff --git a/assets/documentation_controls_data_groupbox.md.DII6xeuG.js b/assets/documentation_controls_data_groupbox.md.CrtStsa9.js
similarity index 92%
rename from assets/documentation_controls_data_groupbox.md.DII6xeuG.js
rename to assets/documentation_controls_data_groupbox.md.CrtStsa9.js
index 9747daeda..ea6c70045 100644
--- a/assets/documentation_controls_data_groupbox.md.DII6xeuG.js
+++ b/assets/documentation_controls_data_groupbox.md.CrtStsa9.js
@@ -1,3 +1,3 @@
-import{_ as a,c as t,a2 as i,o as e}from"./chunks/framework.Ckp7d4B5.js";const k=JSON.parse('{"title":"GroupBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/groupbox.md","filePath":"documentation/controls/data/groupbox.md"}'),o={name:"documentation/controls/data/groupbox.md"};function n(p,s,l,r,h,d){return e(),t("div",null,s[0]||(s[0]=[i(`<h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a,c as t,a2 as i,o as e}from"./chunks/framework.CoCfjAIq.js";const k=JSON.parse('{"title":"GroupBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/groupbox.md","filePath":"documentation/controls/data/groupbox.md"}'),o={name:"documentation/controls/data/groupbox.md"};function n(p,s,l,r,h,d){return e(),t("div",null,s[0]||(s[0]=[i(`<h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,3)]))}const u=a(o,[["render",n]]);export{k as __pageData,u as default};
diff --git a/assets/documentation_controls_data_groupbox.md.DII6xeuG.lean.js b/assets/documentation_controls_data_groupbox.md.CrtStsa9.lean.js
similarity index 92%
rename from assets/documentation_controls_data_groupbox.md.DII6xeuG.lean.js
rename to assets/documentation_controls_data_groupbox.md.CrtStsa9.lean.js
index 9747daeda..ea6c70045 100644
--- a/assets/documentation_controls_data_groupbox.md.DII6xeuG.lean.js
+++ b/assets/documentation_controls_data_groupbox.md.CrtStsa9.lean.js
@@ -1,3 +1,3 @@
-import{_ as a,c as t,a2 as i,o as e}from"./chunks/framework.Ckp7d4B5.js";const k=JSON.parse('{"title":"GroupBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/groupbox.md","filePath":"documentation/controls/data/groupbox.md"}'),o={name:"documentation/controls/data/groupbox.md"};function n(p,s,l,r,h,d){return e(),t("div",null,s[0]||(s[0]=[i(`<h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a,c as t,a2 as i,o as e}from"./chunks/framework.CoCfjAIq.js";const k=JSON.parse('{"title":"GroupBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/groupbox.md","filePath":"documentation/controls/data/groupbox.md"}'),o={name:"documentation/controls/data/groupbox.md"};function n(p,s,l,r,h,d){return e(),t("div",null,s[0]||(s[0]=[i(`<h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,3)]))}const u=a(o,[["render",n]]);export{k as __pageData,u as default};
diff --git a/assets/documentation_controls_data_listbox.md.2zd9tYx2.js b/assets/documentation_controls_data_listbox.md.DVJQcGSh.js
similarity index 91%
rename from assets/documentation_controls_data_listbox.md.2zd9tYx2.js
rename to assets/documentation_controls_data_listbox.md.DVJQcGSh.js
index 206a52f55..e322eca5f 100644
--- a/assets/documentation_controls_data_listbox.md.2zd9tYx2.js
+++ b/assets/documentation_controls_data_listbox.md.DVJQcGSh.js
@@ -1 +1 @@
-import{_ as e,c as o,j as t,a as s,o as n}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"Listbox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/listbox.md","filePath":"documentation/controls/data/listbox.md"}'),r={name:"documentation/controls/data/listbox.md"};function i(l,a,c,d,b,m){return n(),o("div",null,a[0]||(a[0]=[t("h1",{id:"listbox",tabindex:"-1"},[s("Listbox "),t("a",{class:"header-anchor",href:"#listbox","aria-label":'Permalink to "Listbox"'},"​")],-1),t("p",null,[t("img",{src:"https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150",alt:"listbox"})],-1)]))}const u=e(r,[["render",i]]);export{p as __pageData,u as default};
+import{_ as e,c as o,j as t,a as s,o as n}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"Listbox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/listbox.md","filePath":"documentation/controls/data/listbox.md"}'),r={name:"documentation/controls/data/listbox.md"};function i(l,a,c,d,b,m){return n(),o("div",null,a[0]||(a[0]=[t("h1",{id:"listbox",tabindex:"-1"},[s("Listbox "),t("a",{class:"header-anchor",href:"#listbox","aria-label":'Permalink to "Listbox"'},"​")],-1),t("p",null,[t("img",{src:"https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150",alt:"listbox"})],-1)]))}const u=e(r,[["render",i]]);export{p as __pageData,u as default};
diff --git a/assets/documentation_controls_data_listbox.md.2zd9tYx2.lean.js b/assets/documentation_controls_data_listbox.md.DVJQcGSh.lean.js
similarity index 91%
rename from assets/documentation_controls_data_listbox.md.2zd9tYx2.lean.js
rename to assets/documentation_controls_data_listbox.md.DVJQcGSh.lean.js
index 206a52f55..e322eca5f 100644
--- a/assets/documentation_controls_data_listbox.md.2zd9tYx2.lean.js
+++ b/assets/documentation_controls_data_listbox.md.DVJQcGSh.lean.js
@@ -1 +1 @@
-import{_ as e,c as o,j as t,a as s,o as n}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"Listbox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/listbox.md","filePath":"documentation/controls/data/listbox.md"}'),r={name:"documentation/controls/data/listbox.md"};function i(l,a,c,d,b,m){return n(),o("div",null,a[0]||(a[0]=[t("h1",{id:"listbox",tabindex:"-1"},[s("Listbox "),t("a",{class:"header-anchor",href:"#listbox","aria-label":'Permalink to "Listbox"'},"​")],-1),t("p",null,[t("img",{src:"https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150",alt:"listbox"})],-1)]))}const u=e(r,[["render",i]]);export{p as __pageData,u as default};
+import{_ as e,c as o,j as t,a as s,o as n}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"Listbox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/listbox.md","filePath":"documentation/controls/data/listbox.md"}'),r={name:"documentation/controls/data/listbox.md"};function i(l,a,c,d,b,m){return n(),o("div",null,a[0]||(a[0]=[t("h1",{id:"listbox",tabindex:"-1"},[s("Listbox "),t("a",{class:"header-anchor",href:"#listbox","aria-label":'Permalink to "Listbox"'},"​")],-1),t("p",null,[t("img",{src:"https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150",alt:"listbox"})],-1)]))}const u=e(r,[["render",i]]);export{p as __pageData,u as default};
diff --git a/assets/documentation_controls_data_treeview.md.DlDM9Q7c.js b/assets/documentation_controls_data_treeview.md.B_eg_I2u.js
similarity index 91%
rename from assets/documentation_controls_data_treeview.md.DlDM9Q7c.js
rename to assets/documentation_controls_data_treeview.md.B_eg_I2u.js
index 1e091f6cc..052aeb4c7 100644
--- a/assets/documentation_controls_data_treeview.md.DlDM9Q7c.js
+++ b/assets/documentation_controls_data_treeview.md.B_eg_I2u.js
@@ -1 +1 @@
-import{_ as a,c as r,j as e,a as o,o as s}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Treeview","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/treeview.md","filePath":"documentation/controls/data/treeview.md"}'),n={name:"documentation/controls/data/treeview.md"};function i(c,t,d,l,m,f){return s(),r("div",null,t[0]||(t[0]=[e("h1",{id:"treeview",tabindex:"-1"},[o("Treeview "),e("a",{class:"header-anchor",href:"#treeview","aria-label":'Permalink to "Treeview"'},"​")],-1),e("p",null,[e("img",{src:"https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2",alt:"tree"})],-1)]))}const v=a(n,[["render",i]]);export{u as __pageData,v as default};
+import{_ as a,c as r,j as e,a as o,o as s}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Treeview","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/treeview.md","filePath":"documentation/controls/data/treeview.md"}'),n={name:"documentation/controls/data/treeview.md"};function i(c,t,d,l,m,f){return s(),r("div",null,t[0]||(t[0]=[e("h1",{id:"treeview",tabindex:"-1"},[o("Treeview "),e("a",{class:"header-anchor",href:"#treeview","aria-label":'Permalink to "Treeview"'},"​")],-1),e("p",null,[e("img",{src:"https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2",alt:"tree"})],-1)]))}const v=a(n,[["render",i]]);export{u as __pageData,v as default};
diff --git a/assets/documentation_controls_data_treeview.md.DlDM9Q7c.lean.js b/assets/documentation_controls_data_treeview.md.B_eg_I2u.lean.js
similarity index 91%
rename from assets/documentation_controls_data_treeview.md.DlDM9Q7c.lean.js
rename to assets/documentation_controls_data_treeview.md.B_eg_I2u.lean.js
index 1e091f6cc..052aeb4c7 100644
--- a/assets/documentation_controls_data_treeview.md.DlDM9Q7c.lean.js
+++ b/assets/documentation_controls_data_treeview.md.B_eg_I2u.lean.js
@@ -1 +1 @@
-import{_ as a,c as r,j as e,a as o,o as s}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Treeview","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/treeview.md","filePath":"documentation/controls/data/treeview.md"}'),n={name:"documentation/controls/data/treeview.md"};function i(c,t,d,l,m,f){return s(),r("div",null,t[0]||(t[0]=[e("h1",{id:"treeview",tabindex:"-1"},[o("Treeview "),e("a",{class:"header-anchor",href:"#treeview","aria-label":'Permalink to "Treeview"'},"​")],-1),e("p",null,[e("img",{src:"https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2",alt:"tree"})],-1)]))}const v=a(n,[["render",i]]);export{u as __pageData,v as default};
+import{_ as a,c as r,j as e,a as o,o as s}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Treeview","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/data/treeview.md","filePath":"documentation/controls/data/treeview.md"}'),n={name:"documentation/controls/data/treeview.md"};function i(c,t,d,l,m,f){return s(),r("div",null,t[0]||(t[0]=[e("h1",{id:"treeview",tabindex:"-1"},[o("Treeview "),e("a",{class:"header-anchor",href:"#treeview","aria-label":'Permalink to "Treeview"'},"​")],-1),e("p",null,[e("img",{src:"https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2",alt:"tree"})],-1)]))}const v=a(n,[["render",i]]);export{u as __pageData,v as default};
diff --git a/assets/documentation_controls_datetime_calendar.md.B3rzLY3G.js b/assets/documentation_controls_datetime_calendar.md.DRMPx6wk.js
similarity index 96%
rename from assets/documentation_controls_datetime_calendar.md.B3rzLY3G.js
rename to assets/documentation_controls_datetime_calendar.md.DRMPx6wk.js
index a3fdb0650..0605db1e5 100644
--- a/assets/documentation_controls_datetime_calendar.md.B3rzLY3G.js
+++ b/assets/documentation_controls_datetime_calendar.md.DRMPx6wk.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/calendar.D7duGoVl.js";import{_ as t,c as i,a2 as s,o as l}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Calendar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/calendar.md","filePath":"documentation/controls/datetime/calendar.md"}'),r={name:"documentation/controls/datetime/calendar.md"};function o(n,a,d,h,p,c){return l(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>Controls for displaying date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(r,[["render",o]]);export{u as __pageData,g as default};
+import{_ as e}from"./chunks/calendar.D7duGoVl.js";import{_ as t,c as i,a2 as s,o as l}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Calendar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/calendar.md","filePath":"documentation/controls/datetime/calendar.md"}'),r={name:"documentation/controls/datetime/calendar.md"};function o(n,a,d,h,p,c){return l(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>Controls for displaying date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(r,[["render",o]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_datetime_calendar.md.B3rzLY3G.lean.js b/assets/documentation_controls_datetime_calendar.md.DRMPx6wk.lean.js
similarity index 96%
rename from assets/documentation_controls_datetime_calendar.md.B3rzLY3G.lean.js
rename to assets/documentation_controls_datetime_calendar.md.DRMPx6wk.lean.js
index a3fdb0650..0605db1e5 100644
--- a/assets/documentation_controls_datetime_calendar.md.B3rzLY3G.lean.js
+++ b/assets/documentation_controls_datetime_calendar.md.DRMPx6wk.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/calendar.D7duGoVl.js";import{_ as t,c as i,a2 as s,o as l}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Calendar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/calendar.md","filePath":"documentation/controls/datetime/calendar.md"}'),r={name:"documentation/controls/datetime/calendar.md"};function o(n,a,d,h,p,c){return l(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>Controls for displaying date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(r,[["render",o]]);export{u as __pageData,g as default};
+import{_ as e}from"./chunks/calendar.D7duGoVl.js";import{_ as t,c as i,a2 as s,o as l}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Calendar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/calendar.md","filePath":"documentation/controls/datetime/calendar.md"}'),r={name:"documentation/controls/datetime/calendar.md"};function o(n,a,d,h,p,c){return l(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>Controls for displaying date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(r,[["render",o]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_datetime_calendardatepicker.md.C1mLiF4g.js b/assets/documentation_controls_datetime_calendardatepicker.md.DvrkezHr.js
similarity index 97%
rename from assets/documentation_controls_datetime_calendardatepicker.md.C1mLiF4g.js
rename to assets/documentation_controls_datetime_calendardatepicker.md.DvrkezHr.js
index 8687eb34d..d160299a2 100644
--- a/assets/documentation_controls_datetime_calendardatepicker.md.C1mLiF4g.js
+++ b/assets/documentation_controls_datetime_calendardatepicker.md.DvrkezHr.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/calendardatepicker.IQCiRDLh.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"CalendarDatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/calendardatepicker.md","filePath":"documentation/controls/datetime/calendardatepicker.md"}'),l={name:"documentation/controls/datetime/calendardatepicker.md"};function o(n,a,d,c,h,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(l,[["render",o]]);export{u as __pageData,g as default};
+import{_ as e}from"./chunks/calendardatepicker.IQCiRDLh.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"CalendarDatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/calendardatepicker.md","filePath":"documentation/controls/datetime/calendardatepicker.md"}'),l={name:"documentation/controls/datetime/calendardatepicker.md"};function o(n,a,d,c,h,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(l,[["render",o]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_datetime_calendardatepicker.md.C1mLiF4g.lean.js b/assets/documentation_controls_datetime_calendardatepicker.md.DvrkezHr.lean.js
similarity index 97%
rename from assets/documentation_controls_datetime_calendardatepicker.md.C1mLiF4g.lean.js
rename to assets/documentation_controls_datetime_calendardatepicker.md.DvrkezHr.lean.js
index 8687eb34d..d160299a2 100644
--- a/assets/documentation_controls_datetime_calendardatepicker.md.C1mLiF4g.lean.js
+++ b/assets/documentation_controls_datetime_calendardatepicker.md.DvrkezHr.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/calendardatepicker.IQCiRDLh.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"CalendarDatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/calendardatepicker.md","filePath":"documentation/controls/datetime/calendardatepicker.md"}'),l={name:"documentation/controls/datetime/calendardatepicker.md"};function o(n,a,d,c,h,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(l,[["render",o]]);export{u as __pageData,g as default};
+import{_ as e}from"./chunks/calendardatepicker.IQCiRDLh.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"CalendarDatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/calendardatepicker.md","filePath":"documentation/controls/datetime/calendardatepicker.md"}'),l={name:"documentation/controls/datetime/calendardatepicker.md"};function o(n,a,d,c,h,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(l,[["render",o]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_datetime_datepicker.md.4tWb-V3a.js b/assets/documentation_controls_datetime_datepicker.md.7lUO94lr.js
similarity index 96%
rename from assets/documentation_controls_datetime_datepicker.md.4tWb-V3a.js
rename to assets/documentation_controls_datetime_datepicker.md.7lUO94lr.js
index 6f19e4a66..62475f7b0 100644
--- a/assets/documentation_controls_datetime_datepicker.md.4tWb-V3a.js
+++ b/assets/documentation_controls_datetime_datepicker.md.7lUO94lr.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/datepicker.Cm4boot_.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"DatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/datepicker.md","filePath":"documentation/controls/datetime/datepicker.md"}'),o={name:"documentation/controls/datetime/datepicker.md"};function l(n,e,h,d,p,c){return r(),i("div",null,e[0]||(e[0]=[s('<h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(o,[["render",l]]);export{u as __pageData,g as default};
+import{_ as a}from"./chunks/datepicker.Cm4boot_.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"DatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/datepicker.md","filePath":"documentation/controls/datetime/datepicker.md"}'),o={name:"documentation/controls/datetime/datepicker.md"};function l(n,e,h,d,p,c){return r(),i("div",null,e[0]||(e[0]=[s('<h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(o,[["render",l]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_datetime_datepicker.md.4tWb-V3a.lean.js b/assets/documentation_controls_datetime_datepicker.md.7lUO94lr.lean.js
similarity index 96%
rename from assets/documentation_controls_datetime_datepicker.md.4tWb-V3a.lean.js
rename to assets/documentation_controls_datetime_datepicker.md.7lUO94lr.lean.js
index 6f19e4a66..62475f7b0 100644
--- a/assets/documentation_controls_datetime_datepicker.md.4tWb-V3a.lean.js
+++ b/assets/documentation_controls_datetime_datepicker.md.7lUO94lr.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/datepicker.Cm4boot_.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"DatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/datepicker.md","filePath":"documentation/controls/datetime/datepicker.md"}'),o={name:"documentation/controls/datetime/datepicker.md"};function l(n,e,h,d,p,c){return r(),i("div",null,e[0]||(e[0]=[s('<h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(o,[["render",l]]);export{u as __pageData,g as default};
+import{_ as a}from"./chunks/datepicker.Cm4boot_.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"DatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/datepicker.md","filePath":"documentation/controls/datetime/datepicker.md"}'),o={name:"documentation/controls/datetime/datepicker.md"};function l(n,e,h,d,p,c){return r(),i("div",null,e[0]||(e[0]=[s('<h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=t(o,[["render",l]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_datetime_timepicker.md.DYckWuEY.js b/assets/documentation_controls_datetime_timepicker.md.n1dxOpS8.js
similarity index 96%
rename from assets/documentation_controls_datetime_timepicker.md.DYckWuEY.js
rename to assets/documentation_controls_datetime_timepicker.md.n1dxOpS8.js
index a2cb57da7..29da4359f 100644
--- a/assets/documentation_controls_datetime_timepicker.md.DYckWuEY.js
+++ b/assets/documentation_controls_datetime_timepicker.md.n1dxOpS8.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/timepicker.BA49GX53.js";import{_ as i,c as t,a2 as s,o}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"TimePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/timepicker.md","filePath":"documentation/controls/datetime/timepicker.md"}'),r={name:"documentation/controls/datetime/timepicker.md"};function l(n,e,h,p,c,m){return o(),t("div",null,e[0]||(e[0]=[s('<h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>Controls for picking a time of day</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=i(r,[["render",l]]);export{u as __pageData,g as default};
+import{_ as a}from"./chunks/timepicker.BA49GX53.js";import{_ as i,c as t,a2 as s,o}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"TimePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/timepicker.md","filePath":"documentation/controls/datetime/timepicker.md"}'),r={name:"documentation/controls/datetime/timepicker.md"};function l(n,e,h,p,c,m){return o(),t("div",null,e[0]||(e[0]=[s('<h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>Controls for picking a time of day</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=i(r,[["render",l]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_datetime_timepicker.md.DYckWuEY.lean.js b/assets/documentation_controls_datetime_timepicker.md.n1dxOpS8.lean.js
similarity index 96%
rename from assets/documentation_controls_datetime_timepicker.md.DYckWuEY.lean.js
rename to assets/documentation_controls_datetime_timepicker.md.n1dxOpS8.lean.js
index a2cb57da7..29da4359f 100644
--- a/assets/documentation_controls_datetime_timepicker.md.DYckWuEY.lean.js
+++ b/assets/documentation_controls_datetime_timepicker.md.n1dxOpS8.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/timepicker.BA49GX53.js";import{_ as i,c as t,a2 as s,o}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"TimePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/timepicker.md","filePath":"documentation/controls/datetime/timepicker.md"}'),r={name:"documentation/controls/datetime/timepicker.md"};function l(n,e,h,p,c,m){return o(),t("div",null,e[0]||(e[0]=[s('<h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>Controls for picking a time of day</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=i(r,[["render",l]]);export{u as __pageData,g as default};
+import{_ as a}from"./chunks/timepicker.BA49GX53.js";import{_ as i,c as t,a2 as s,o}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"TimePicker","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/datetime/timepicker.md","filePath":"documentation/controls/datetime/timepicker.md"}'),r={name:"documentation/controls/datetime/timepicker.md"};function l(n,e,h,p,c,m){return o(),t("div",null,e[0]||(e[0]=[s('<h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>Controls for picking a time of day</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const g=i(r,[["render",l]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_inputs_autocompletebox.md.Cq59lrEX.js b/assets/documentation_controls_inputs_autocompletebox.md.fotwWd-N.js
similarity index 99%
rename from assets/documentation_controls_inputs_autocompletebox.md.Cq59lrEX.js
rename to assets/documentation_controls_inputs_autocompletebox.md.fotwWd-N.js
index 3dba101c5..56bc0fbc9 100644
--- a/assets/documentation_controls_inputs_autocompletebox.md.Cq59lrEX.js
+++ b/assets/documentation_controls_inputs_autocompletebox.md.fotwWd-N.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/autocompletebox.ClT3kpWX.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"AutoCompleteBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/autocompletebox.md","filePath":"documentation/controls/inputs/autocompletebox.md"}'),e={name:"documentation/controls/inputs/autocompletebox.md"};function h(p,s,k,E,r,o){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>Autocomplete function of <code>TextBox</code>. It would be helpful when you need to enter advice or help text.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/autocompletebox.ClT3kpWX.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"AutoCompleteBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/autocompletebox.md","filePath":"documentation/controls/inputs/autocompletebox.md"}'),e={name:"documentation/controls/inputs/autocompletebox.md"};function h(p,s,k,E,r,o){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>Autocomplete function of <code>TextBox</code>. It would be helpful when you need to enter advice or help text.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox.ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Suggested strings --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;system:String&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/documentation_controls_inputs_autocompletebox.md.Cq59lrEX.lean.js b/assets/documentation_controls_inputs_autocompletebox.md.fotwWd-N.lean.js
similarity index 99%
rename from assets/documentation_controls_inputs_autocompletebox.md.Cq59lrEX.lean.js
rename to assets/documentation_controls_inputs_autocompletebox.md.fotwWd-N.lean.js
index 3dba101c5..56bc0fbc9 100644
--- a/assets/documentation_controls_inputs_autocompletebox.md.Cq59lrEX.lean.js
+++ b/assets/documentation_controls_inputs_autocompletebox.md.fotwWd-N.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/autocompletebox.ClT3kpWX.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"AutoCompleteBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/autocompletebox.md","filePath":"documentation/controls/inputs/autocompletebox.md"}'),e={name:"documentation/controls/inputs/autocompletebox.md"};function h(p,s,k,E,r,o){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>Autocomplete function of <code>TextBox</code>. It would be helpful when you need to enter advice or help text.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/autocompletebox.ClT3kpWX.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"AutoCompleteBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/autocompletebox.md","filePath":"documentation/controls/inputs/autocompletebox.md"}'),e={name:"documentation/controls/inputs/autocompletebox.md"};function h(p,s,k,E,r,o){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>Autocomplete function of <code>TextBox</code>. It would be helpful when you need to enter advice or help text.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox.ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Suggested strings --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;system:String&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/documentation_controls_inputs_button.md.C6GwL-p4.js b/assets/documentation_controls_inputs_button.md.MultdmkL.js
similarity index 99%
rename from assets/documentation_controls_inputs_button.md.C6GwL-p4.js
rename to assets/documentation_controls_inputs_button.md.MultdmkL.js
index 7372b13f8..6215b0588 100644
--- a/assets/documentation_controls_inputs_button.md.C6GwL-p4.js
+++ b/assets/documentation_controls_inputs_button.md.MultdmkL.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/button-busy.DgCdjOX4.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/button.md","filePath":"documentation/controls/inputs/button.md"}'),h={name:"documentation/controls/inputs/button.md"};function e(p,s,k,o,d,r){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI has a handful of button styles, available in both the standard primary color, but also in the theme&#39;s accent color.</p><h2 id="styles" tabindex="-1">Styles <a class="header-anchor" href="#styles" aria-label="Permalink to &quot;Styles&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-button" tabindex="-1">Busy/Loading Button <a class="header-anchor" href="#busy-loading-button" aria-label="Permalink to &quot;Busy/Loading Button&quot;">​</a></h2><img src="'+i+`" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
+import{_ as i}from"./chunks/button-busy.DgCdjOX4.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/button.md","filePath":"documentation/controls/inputs/button.md"}'),h={name:"documentation/controls/inputs/button.md"};function e(p,s,k,o,d,r){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI has a handful of button styles, available in both the standard primary color, but also in the theme&#39;s accent color.</p><h2 id="styles" tabindex="-1">Styles <a class="header-anchor" href="#styles" aria-label="Permalink to &quot;Styles&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-button" tabindex="-1">Busy/Loading Button <a class="header-anchor" href="#busy-loading-button" aria-label="Permalink to &quot;Busy/Loading Button&quot;">​</a></h2><img src="'+i+`" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">xmlns:theme=&quot;clr-namespace:SukiUI.Theme;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"></span>
diff --git a/assets/documentation_controls_inputs_button.md.C6GwL-p4.lean.js b/assets/documentation_controls_inputs_button.md.MultdmkL.lean.js
similarity index 99%
rename from assets/documentation_controls_inputs_button.md.C6GwL-p4.lean.js
rename to assets/documentation_controls_inputs_button.md.MultdmkL.lean.js
index 7372b13f8..6215b0588 100644
--- a/assets/documentation_controls_inputs_button.md.C6GwL-p4.lean.js
+++ b/assets/documentation_controls_inputs_button.md.MultdmkL.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/button-busy.DgCdjOX4.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/button.md","filePath":"documentation/controls/inputs/button.md"}'),h={name:"documentation/controls/inputs/button.md"};function e(p,s,k,o,d,r){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI has a handful of button styles, available in both the standard primary color, but also in the theme&#39;s accent color.</p><h2 id="styles" tabindex="-1">Styles <a class="header-anchor" href="#styles" aria-label="Permalink to &quot;Styles&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-button" tabindex="-1">Busy/Loading Button <a class="header-anchor" href="#busy-loading-button" aria-label="Permalink to &quot;Busy/Loading Button&quot;">​</a></h2><img src="'+i+`" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
+import{_ as i}from"./chunks/button-busy.DgCdjOX4.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/button.md","filePath":"documentation/controls/inputs/button.md"}'),h={name:"documentation/controls/inputs/button.md"};function e(p,s,k,o,d,r){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI has a handful of button styles, available in both the standard primary color, but also in the theme&#39;s accent color.</p><h2 id="styles" tabindex="-1">Styles <a class="header-anchor" href="#styles" aria-label="Permalink to &quot;Styles&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-button" tabindex="-1">Busy/Loading Button <a class="header-anchor" href="#busy-loading-button" aria-label="Permalink to &quot;Busy/Loading Button&quot;">​</a></h2><img src="'+i+`" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">xmlns:theme=&quot;clr-namespace:SukiUI.Theme;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"></span>
diff --git a/assets/documentation_controls_inputs_checkbox.md.D_DdvQNu.js b/assets/documentation_controls_inputs_checkbox.md.BE8_hNKq.js
similarity index 98%
rename from assets/documentation_controls_inputs_checkbox.md.D_DdvQNu.js
rename to assets/documentation_controls_inputs_checkbox.md.BE8_hNKq.js
index d1340919b..1c5db1707 100644
--- a/assets/documentation_controls_inputs_checkbox.md.D_DdvQNu.js
+++ b/assets/documentation_controls_inputs_checkbox.md.BE8_hNKq.js
@@ -1,3 +1,3 @@
-import{_ as i}from"./chunks/checkbox.B6FJyu2j.js";import{_ as a,c as t,a2 as e,o as h}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/checkbox.md","filePath":"documentation/controls/inputs/checkbox.md"}'),n={name:"documentation/controls/inputs/checkbox.md"};function l(o,s,k,r,p,c){return h(),t("div",null,s[0]||(s[0]=[e('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>A control used for collecting user&#39;s choices.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
+import{_ as i}from"./chunks/checkbox.B6FJyu2j.js";import{_ as a,c as t,a2 as e,o as h}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/checkbox.md","filePath":"documentation/controls/inputs/checkbox.md"}'),n={name:"documentation/controls/inputs/checkbox.md"};function l(o,s,k,r,p,c){return h(),t("div",null,s[0]||(s[0]=[e('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>A control used for collecting user&#39;s choices.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Two&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsThreeState</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Three&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>`,8)]))}const g=a(n,[["render",l]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_inputs_checkbox.md.D_DdvQNu.lean.js b/assets/documentation_controls_inputs_checkbox.md.BE8_hNKq.lean.js
similarity index 98%
rename from assets/documentation_controls_inputs_checkbox.md.D_DdvQNu.lean.js
rename to assets/documentation_controls_inputs_checkbox.md.BE8_hNKq.lean.js
index d1340919b..1c5db1707 100644
--- a/assets/documentation_controls_inputs_checkbox.md.D_DdvQNu.lean.js
+++ b/assets/documentation_controls_inputs_checkbox.md.BE8_hNKq.lean.js
@@ -1,3 +1,3 @@
-import{_ as i}from"./chunks/checkbox.B6FJyu2j.js";import{_ as a,c as t,a2 as e,o as h}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/checkbox.md","filePath":"documentation/controls/inputs/checkbox.md"}'),n={name:"documentation/controls/inputs/checkbox.md"};function l(o,s,k,r,p,c){return h(),t("div",null,s[0]||(s[0]=[e('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>A control used for collecting user&#39;s choices.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
+import{_ as i}from"./chunks/checkbox.B6FJyu2j.js";import{_ as a,c as t,a2 as e,o as h}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/checkbox.md","filePath":"documentation/controls/inputs/checkbox.md"}'),n={name:"documentation/controls/inputs/checkbox.md"};function l(o,s,k,r,p,c){return h(),t("div",null,s[0]||(s[0]=[e('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>A control used for collecting user&#39;s choices.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Two&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsThreeState</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Three&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>`,8)]))}const g=a(n,[["render",l]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_inputs_combobox.md.CIN88vgw.js b/assets/documentation_controls_inputs_combobox.md.DWeJYIbw.js
similarity index 97%
rename from assets/documentation_controls_inputs_combobox.md.CIN88vgw.js
rename to assets/documentation_controls_inputs_combobox.md.DWeJYIbw.js
index 468b65307..9569053b4 100644
--- a/assets/documentation_controls_inputs_combobox.md.CIN88vgw.js
+++ b/assets/documentation_controls_inputs_combobox.md.DWeJYIbw.js
@@ -1,2 +1,2 @@
-import{_ as s}from"./chunks/combobox.mwtSjJ7E.js";import{_ as e,c as o,a2 as i,o as t}from"./chunks/framework.Ckp7d4B5.js";const b=JSON.parse('{"title":"Combobox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/combobox.md","filePath":"documentation/controls/inputs/combobox.md"}'),n={name:"documentation/controls/inputs/combobox.md"};function l(r,a,h,p,c,d){return t(),o("div",null,a[0]||(a[0]=[i('<h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>A control for selecting from a dataset.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as s}from"./chunks/combobox.mwtSjJ7E.js";import{_ as e,c as o,a2 as i,o as t}from"./chunks/framework.CoCfjAIq.js";const b=JSON.parse('{"title":"Combobox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/combobox.md","filePath":"documentation/controls/inputs/combobox.md"}'),n={name:"documentation/controls/inputs/combobox.md"};function l(r,a,h,p,c,d){return t(),o("div",null,a[0]||(a[0]=[i('<h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>A control for selecting from a dataset.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">          SelectedItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p>`,8)]))}const u=e(n,[["render",l]]);export{b as __pageData,u as default};
diff --git a/assets/documentation_controls_inputs_combobox.md.CIN88vgw.lean.js b/assets/documentation_controls_inputs_combobox.md.DWeJYIbw.lean.js
similarity index 97%
rename from assets/documentation_controls_inputs_combobox.md.CIN88vgw.lean.js
rename to assets/documentation_controls_inputs_combobox.md.DWeJYIbw.lean.js
index 468b65307..9569053b4 100644
--- a/assets/documentation_controls_inputs_combobox.md.CIN88vgw.lean.js
+++ b/assets/documentation_controls_inputs_combobox.md.DWeJYIbw.lean.js
@@ -1,2 +1,2 @@
-import{_ as s}from"./chunks/combobox.mwtSjJ7E.js";import{_ as e,c as o,a2 as i,o as t}from"./chunks/framework.Ckp7d4B5.js";const b=JSON.parse('{"title":"Combobox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/combobox.md","filePath":"documentation/controls/inputs/combobox.md"}'),n={name:"documentation/controls/inputs/combobox.md"};function l(r,a,h,p,c,d){return t(),o("div",null,a[0]||(a[0]=[i('<h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>A control for selecting from a dataset.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as s}from"./chunks/combobox.mwtSjJ7E.js";import{_ as e,c as o,a2 as i,o as t}from"./chunks/framework.CoCfjAIq.js";const b=JSON.parse('{"title":"Combobox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/combobox.md","filePath":"documentation/controls/inputs/combobox.md"}'),n={name:"documentation/controls/inputs/combobox.md"};function l(r,a,h,p,c,d){return t(),o("div",null,a[0]||(a[0]=[i('<h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>A control for selecting from a dataset.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">          SelectedItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p>`,8)]))}const u=e(n,[["render",l]]);export{b as __pageData,u as default};
diff --git a/assets/documentation_controls_inputs_contextmenu.md.BMu1p23o.js b/assets/documentation_controls_inputs_contextmenu.md.DoXnGxgf.js
similarity index 99%
rename from assets/documentation_controls_inputs_contextmenu.md.BMu1p23o.js
rename to assets/documentation_controls_inputs_contextmenu.md.DoXnGxgf.js
index 307ad3411..5462e9ace 100644
--- a/assets/documentation_controls_inputs_contextmenu.md.BMu1p23o.js
+++ b/assets/documentation_controls_inputs_contextmenu.md.DoXnGxgf.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/contextmenus.mhIenPP8.js";import{_ as a,c as n,a2 as t,o as h}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"ContextMenu","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/contextmenu.md","filePath":"documentation/controls/inputs/contextmenu.md"}'),l={name:"documentation/controls/inputs/contextmenu.md"};function k(e,s,p,E,r,d){return h(),n("div",null,s[0]||(s[0]=[t('<h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>Add a right-click triggered context menu for a control.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/contextmenus.mhIenPP8.js";import{_ as a,c as n,a2 as t,o as h}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"ContextMenu","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/contextmenu.md","filePath":"documentation/controls/inputs/contextmenu.md"}'),l={name:"documentation/controls/inputs/contextmenu.md"};function k(e,s,p,E,r,d){return h(),n("div",null,s[0]||(s[0]=[t('<h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>Add a right-click triggered context menu for a control.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard.ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">MenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Command</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding OptionClickedCommand}&quot;</span></span>
diff --git a/assets/documentation_controls_inputs_contextmenu.md.BMu1p23o.lean.js b/assets/documentation_controls_inputs_contextmenu.md.DoXnGxgf.lean.js
similarity index 99%
rename from assets/documentation_controls_inputs_contextmenu.md.BMu1p23o.lean.js
rename to assets/documentation_controls_inputs_contextmenu.md.DoXnGxgf.lean.js
index 307ad3411..5462e9ace 100644
--- a/assets/documentation_controls_inputs_contextmenu.md.BMu1p23o.lean.js
+++ b/assets/documentation_controls_inputs_contextmenu.md.DoXnGxgf.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/contextmenus.mhIenPP8.js";import{_ as a,c as n,a2 as t,o as h}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"ContextMenu","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/contextmenu.md","filePath":"documentation/controls/inputs/contextmenu.md"}'),l={name:"documentation/controls/inputs/contextmenu.md"};function k(e,s,p,E,r,d){return h(),n("div",null,s[0]||(s[0]=[t('<h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>Add a right-click triggered context menu for a control.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/contextmenus.mhIenPP8.js";import{_ as a,c as n,a2 as t,o as h}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"ContextMenu","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/contextmenu.md","filePath":"documentation/controls/inputs/contextmenu.md"}'),l={name:"documentation/controls/inputs/contextmenu.md"};function k(e,s,p,E,r,d){return h(),n("div",null,s[0]||(s[0]=[t('<h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>Add a right-click triggered context menu for a control.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard.ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">MenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Command</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding OptionClickedCommand}&quot;</span></span>
diff --git a/assets/documentation_controls_inputs_dropdownbutton.md.Cgj8Ep1k.js b/assets/documentation_controls_inputs_dropdownbutton.md.Bo4TPXwT.js
similarity index 98%
rename from assets/documentation_controls_inputs_dropdownbutton.md.Cgj8Ep1k.js
rename to assets/documentation_controls_inputs_dropdownbutton.md.Bo4TPXwT.js
index 978bc41a9..1a2cf8ae9 100644
--- a/assets/documentation_controls_inputs_dropdownbutton.md.Cgj8Ep1k.js
+++ b/assets/documentation_controls_inputs_dropdownbutton.md.Bo4TPXwT.js
@@ -1,4 +1,4 @@
-import{_ as a}from"./chunks/dropdownbutton.B353NmAm.js";import{_ as t,c as i,a2 as n,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"DropDownButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/dropdownbutton.md","filePath":"documentation/controls/inputs/dropdownbutton.md"}'),o={name:"documentation/controls/inputs/dropdownbutton.md"};function l(p,s,h,r,k,d){return e(),i("div",null,s[0]||(s[0]=[n('<h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>When you click on the <code>DropDownButton</code>, the custom content will pop up.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a}from"./chunks/dropdownbutton.B353NmAm.js";import{_ as t,c as i,a2 as n,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"DropDownButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/dropdownbutton.md","filePath":"documentation/controls/inputs/dropdownbutton.md"}'),o={name:"documentation/controls/inputs/dropdownbutton.md"};function l(p,s,h,r,k,d){return e(),i("div",null,s[0]||(s[0]=[n('<h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>When you click on the <code>DropDownButton</code>, the custom content will pop up.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton.Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">            &lt;!-- Content --&gt;</span></span>
diff --git a/assets/documentation_controls_inputs_dropdownbutton.md.Cgj8Ep1k.lean.js b/assets/documentation_controls_inputs_dropdownbutton.md.Bo4TPXwT.lean.js
similarity index 98%
rename from assets/documentation_controls_inputs_dropdownbutton.md.Cgj8Ep1k.lean.js
rename to assets/documentation_controls_inputs_dropdownbutton.md.Bo4TPXwT.lean.js
index 978bc41a9..1a2cf8ae9 100644
--- a/assets/documentation_controls_inputs_dropdownbutton.md.Cgj8Ep1k.lean.js
+++ b/assets/documentation_controls_inputs_dropdownbutton.md.Bo4TPXwT.lean.js
@@ -1,4 +1,4 @@
-import{_ as a}from"./chunks/dropdownbutton.B353NmAm.js";import{_ as t,c as i,a2 as n,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"DropDownButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/dropdownbutton.md","filePath":"documentation/controls/inputs/dropdownbutton.md"}'),o={name:"documentation/controls/inputs/dropdownbutton.md"};function l(p,s,h,r,k,d){return e(),i("div",null,s[0]||(s[0]=[n('<h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>When you click on the <code>DropDownButton</code>, the custom content will pop up.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a}from"./chunks/dropdownbutton.B353NmAm.js";import{_ as t,c as i,a2 as n,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"DropDownButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/dropdownbutton.md","filePath":"documentation/controls/inputs/dropdownbutton.md"}'),o={name:"documentation/controls/inputs/dropdownbutton.md"};function l(p,s,h,r,k,d){return e(),i("div",null,s[0]||(s[0]=[n('<h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>When you click on the <code>DropDownButton</code>, the custom content will pop up.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton.Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">            &lt;!-- Content --&gt;</span></span>
diff --git a/assets/documentation_controls_inputs_numericupdown.md.Vqgfemap.js b/assets/documentation_controls_inputs_numericupdown.md.5wyNtthE.js
similarity index 97%
rename from assets/documentation_controls_inputs_numericupdown.md.Vqgfemap.js
rename to assets/documentation_controls_inputs_numericupdown.md.5wyNtthE.js
index cde2d07cb..7179e2098 100644
--- a/assets/documentation_controls_inputs_numericupdown.md.Vqgfemap.js
+++ b/assets/documentation_controls_inputs_numericupdown.md.5wyNtthE.js
@@ -1 +1 @@
-import{_ as s,c as a,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"NumericUpDown","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/numericupdown.md","filePath":"documentation/controls/inputs/numericupdown.md"}'),n={name:"documentation/controls/inputs/numericupdown.md"};function l(h,i,p,o,r,k){return t(),a("div",null,i[0]||(i[0]=[e('<h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>A control for numeric input.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',14)]))}const c=s(n,[["render",l]]);export{u as __pageData,c as default};
+import{_ as s,c as a,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"NumericUpDown","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/numericupdown.md","filePath":"documentation/controls/inputs/numericupdown.md"}'),n={name:"documentation/controls/inputs/numericupdown.md"};function l(h,i,p,o,r,k){return t(),a("div",null,i[0]||(i[0]=[e('<h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>A control for numeric input.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',14)]))}const c=s(n,[["render",l]]);export{u as __pageData,c as default};
diff --git a/assets/documentation_controls_inputs_numericupdown.md.Vqgfemap.lean.js b/assets/documentation_controls_inputs_numericupdown.md.5wyNtthE.lean.js
similarity index 97%
rename from assets/documentation_controls_inputs_numericupdown.md.Vqgfemap.lean.js
rename to assets/documentation_controls_inputs_numericupdown.md.5wyNtthE.lean.js
index cde2d07cb..7179e2098 100644
--- a/assets/documentation_controls_inputs_numericupdown.md.Vqgfemap.lean.js
+++ b/assets/documentation_controls_inputs_numericupdown.md.5wyNtthE.lean.js
@@ -1 +1 @@
-import{_ as s,c as a,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"NumericUpDown","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/numericupdown.md","filePath":"documentation/controls/inputs/numericupdown.md"}'),n={name:"documentation/controls/inputs/numericupdown.md"};function l(h,i,p,o,r,k){return t(),a("div",null,i[0]||(i[0]=[e('<h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>A control for numeric input.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',14)]))}const c=s(n,[["render",l]]);export{u as __pageData,c as default};
+import{_ as s,c as a,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"NumericUpDown","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/numericupdown.md","filePath":"documentation/controls/inputs/numericupdown.md"}'),n={name:"documentation/controls/inputs/numericupdown.md"};function l(h,i,p,o,r,k){return t(),a("div",null,i[0]||(i[0]=[e('<h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>A control for numeric input.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',14)]))}const c=s(n,[["render",l]]);export{u as __pageData,c as default};
diff --git a/assets/documentation_controls_inputs_radiobutton.md.agoK1YLy.js b/assets/documentation_controls_inputs_radiobutton.md.7Ca0kK3I.js
similarity index 98%
rename from assets/documentation_controls_inputs_radiobutton.md.agoK1YLy.js
rename to assets/documentation_controls_inputs_radiobutton.md.7Ca0kK3I.js
index 446032770..744156305 100644
--- a/assets/documentation_controls_inputs_radiobutton.md.agoK1YLy.js
+++ b/assets/documentation_controls_inputs_radiobutton.md.7Ca0kK3I.js
@@ -1,3 +1,3 @@
-import{_ as e,c as n,j as s,a as t,a2 as i,o as h}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"RadioButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/radiobutton.md","filePath":"documentation/controls/inputs/radiobutton.md"}'),l={name:"documentation/controls/inputs/radiobutton.md"};function p(o,a,k,r,d,E){return h(),n("div",null,a[0]||(a[0]=[s("h1",{id:"radiobutton",tabindex:"-1"},[t("RadioButton "),s("a",{class:"header-anchor",href:"#radiobutton","aria-label":'Permalink to "RadioButton"'},"​")],-1),s("p",null,"A control used for collecting the user's choice.",-1),s("h2",{id:"base",tabindex:"-1"},[t("Base "),s("a",{class:"header-anchor",href:"#base","aria-label":'Permalink to "Base"'},"​")],-1),s("p",{"3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3":""},[s("img",{src:"https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9",alt:"{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"})],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
+import{_ as e,c as n,j as s,a as t,a2 as i,o as h}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"RadioButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/radiobutton.md","filePath":"documentation/controls/inputs/radiobutton.md"}'),l={name:"documentation/controls/inputs/radiobutton.md"};function p(o,a,k,r,d,E){return h(),n("div",null,a[0]||(a[0]=[s("h1",{id:"radiobutton",tabindex:"-1"},[t("RadioButton "),s("a",{class:"header-anchor",href:"#radiobutton","aria-label":'Permalink to "RadioButton"'},"​")],-1),s("p",null,"A control used for collecting the user's choice.",-1),s("h2",{id:"base",tabindex:"-1"},[t("Base "),s("a",{class:"header-anchor",href:"#base","aria-label":'Permalink to "Base"'},"​")],-1),s("p",{"3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3":""},[s("img",{src:"https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9",alt:"{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"})],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             GroupName</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;A&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="chips" tabindex="-1">Chips <a class="header-anchor" href="#chips" aria-label="Permalink to &quot;Chips&quot;">​</a></h2>`,2),s("p",{"6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA":""},[s("img",{src:"https://github.com/user-attachments/assets/7d573d74-65b0-4379-a4b7-2830bfd381cf",alt:"{6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA}"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Chips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="gigachips" tabindex="-1">GigaChips <a class="header-anchor" href="#gigachips" aria-label="Permalink to &quot;GigaChips&quot;">​</a></h2>',2),s("p",{"466C440E-25EE-4CF1-985F-EC8105043D22":""},[s("img",{src:"https://github.com/user-attachments/assets/aea0e668-c02c-432c-9f3f-e8621e726444",alt:"{466C440E-25EE-4CF1-985F-EC8105043D22}"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;GigaChips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',3)]))}const g=e(l,[["render",p]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_inputs_radiobutton.md.agoK1YLy.lean.js b/assets/documentation_controls_inputs_radiobutton.md.7Ca0kK3I.lean.js
similarity index 98%
rename from assets/documentation_controls_inputs_radiobutton.md.agoK1YLy.lean.js
rename to assets/documentation_controls_inputs_radiobutton.md.7Ca0kK3I.lean.js
index 446032770..744156305 100644
--- a/assets/documentation_controls_inputs_radiobutton.md.agoK1YLy.lean.js
+++ b/assets/documentation_controls_inputs_radiobutton.md.7Ca0kK3I.lean.js
@@ -1,3 +1,3 @@
-import{_ as e,c as n,j as s,a as t,a2 as i,o as h}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"RadioButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/radiobutton.md","filePath":"documentation/controls/inputs/radiobutton.md"}'),l={name:"documentation/controls/inputs/radiobutton.md"};function p(o,a,k,r,d,E){return h(),n("div",null,a[0]||(a[0]=[s("h1",{id:"radiobutton",tabindex:"-1"},[t("RadioButton "),s("a",{class:"header-anchor",href:"#radiobutton","aria-label":'Permalink to "RadioButton"'},"​")],-1),s("p",null,"A control used for collecting the user's choice.",-1),s("h2",{id:"base",tabindex:"-1"},[t("Base "),s("a",{class:"header-anchor",href:"#base","aria-label":'Permalink to "Base"'},"​")],-1),s("p",{"3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3":""},[s("img",{src:"https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9",alt:"{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"})],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
+import{_ as e,c as n,j as s,a as t,a2 as i,o as h}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"RadioButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/radiobutton.md","filePath":"documentation/controls/inputs/radiobutton.md"}'),l={name:"documentation/controls/inputs/radiobutton.md"};function p(o,a,k,r,d,E){return h(),n("div",null,a[0]||(a[0]=[s("h1",{id:"radiobutton",tabindex:"-1"},[t("RadioButton "),s("a",{class:"header-anchor",href:"#radiobutton","aria-label":'Permalink to "RadioButton"'},"​")],-1),s("p",null,"A control used for collecting the user's choice.",-1),s("h2",{id:"base",tabindex:"-1"},[t("Base "),s("a",{class:"header-anchor",href:"#base","aria-label":'Permalink to "Base"'},"​")],-1),s("p",{"3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3":""},[s("img",{src:"https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9",alt:"{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"})],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             GroupName</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;A&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="chips" tabindex="-1">Chips <a class="header-anchor" href="#chips" aria-label="Permalink to &quot;Chips&quot;">​</a></h2>`,2),s("p",{"6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA":""},[s("img",{src:"https://github.com/user-attachments/assets/7d573d74-65b0-4379-a4b7-2830bfd381cf",alt:"{6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA}"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Chips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="gigachips" tabindex="-1">GigaChips <a class="header-anchor" href="#gigachips" aria-label="Permalink to &quot;GigaChips&quot;">​</a></h2>',2),s("p",{"466C440E-25EE-4CF1-985F-EC8105043D22":""},[s("img",{src:"https://github.com/user-attachments/assets/aea0e668-c02c-432c-9f3f-e8621e726444",alt:"{466C440E-25EE-4CF1-985F-EC8105043D22}"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;GigaChips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',3)]))}const g=e(l,[["render",p]]);export{u as __pageData,g as default};
diff --git a/assets/documentation_controls_inputs_slider.md.Q8pom4Zg.js b/assets/documentation_controls_inputs_slider.md.BqiY1C49.js
similarity index 95%
rename from assets/documentation_controls_inputs_slider.md.Q8pom4Zg.js
rename to assets/documentation_controls_inputs_slider.md.BqiY1C49.js
index 5a57fc493..83bfc18e8 100644
--- a/assets/documentation_controls_inputs_slider.md.Q8pom4Zg.js
+++ b/assets/documentation_controls_inputs_slider.md.BqiY1C49.js
@@ -1,4 +1,4 @@
-import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Slider","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/slider.md","filePath":"documentation/controls/inputs/slider.md"}'),n={name:"documentation/controls/inputs/slider.md"};function l(r,s,h,o,p,d){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>A control for displaying current value and intervals in range.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
+import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Slider","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/slider.md","filePath":"documentation/controls/inputs/slider.md"}'),n={name:"documentation/controls/inputs/slider.md"};function l(r,s,h,o,p,d){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>A control for displaying current value and intervals in range.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Maximum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Minimum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        TickFrequency</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1&quot;</span></span>
diff --git a/assets/documentation_controls_inputs_slider.md.Q8pom4Zg.lean.js b/assets/documentation_controls_inputs_slider.md.BqiY1C49.lean.js
similarity index 95%
rename from assets/documentation_controls_inputs_slider.md.Q8pom4Zg.lean.js
rename to assets/documentation_controls_inputs_slider.md.BqiY1C49.lean.js
index 5a57fc493..83bfc18e8 100644
--- a/assets/documentation_controls_inputs_slider.md.Q8pom4Zg.lean.js
+++ b/assets/documentation_controls_inputs_slider.md.BqiY1C49.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Slider","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/slider.md","filePath":"documentation/controls/inputs/slider.md"}'),n={name:"documentation/controls/inputs/slider.md"};function l(r,s,h,o,p,d){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>A control for displaying current value and intervals in range.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
+import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Slider","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/slider.md","filePath":"documentation/controls/inputs/slider.md"}'),n={name:"documentation/controls/inputs/slider.md"};function l(r,s,h,o,p,d){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>A control for displaying current value and intervals in range.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Maximum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Minimum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        TickFrequency</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1&quot;</span></span>
diff --git a/assets/documentation_controls_inputs_textbox.md.DQYvhmPE.js b/assets/documentation_controls_inputs_textbox.md.C0ITTqPh.js
similarity index 97%
rename from assets/documentation_controls_inputs_textbox.md.DQYvhmPE.js
rename to assets/documentation_controls_inputs_textbox.md.C0ITTqPh.js
index 4e65226d5..d821a9b50 100644
--- a/assets/documentation_controls_inputs_textbox.md.DQYvhmPE.js
+++ b/assets/documentation_controls_inputs_textbox.md.C0ITTqPh.js
@@ -1 +1 @@
-import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"TextBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/textbox.md","filePath":"documentation/controls/inputs/textbox.md"}'),l={name:"documentation/controls/inputs/textbox.md"};function h(n,a,o,p,r,k){return e(),i("div",null,a[0]||(a[0]=[t('<h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>A control used for collecting user provided information.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p>',17)]))}const E=s(l,[["render",h]]);export{c as __pageData,E as default};
+import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"TextBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/textbox.md","filePath":"documentation/controls/inputs/textbox.md"}'),l={name:"documentation/controls/inputs/textbox.md"};function h(n,a,o,p,r,k){return e(),i("div",null,a[0]||(a[0]=[t('<h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>A control used for collecting user provided information.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p>',17)]))}const E=s(l,[["render",h]]);export{c as __pageData,E as default};
diff --git a/assets/documentation_controls_inputs_textbox.md.DQYvhmPE.lean.js b/assets/documentation_controls_inputs_textbox.md.C0ITTqPh.lean.js
similarity index 97%
rename from assets/documentation_controls_inputs_textbox.md.DQYvhmPE.lean.js
rename to assets/documentation_controls_inputs_textbox.md.C0ITTqPh.lean.js
index 4e65226d5..d821a9b50 100644
--- a/assets/documentation_controls_inputs_textbox.md.DQYvhmPE.lean.js
+++ b/assets/documentation_controls_inputs_textbox.md.C0ITTqPh.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"TextBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/textbox.md","filePath":"documentation/controls/inputs/textbox.md"}'),l={name:"documentation/controls/inputs/textbox.md"};function h(n,a,o,p,r,k){return e(),i("div",null,a[0]||(a[0]=[t('<h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>A control used for collecting user provided information.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p>',17)]))}const E=s(l,[["render",h]]);export{c as __pageData,E as default};
+import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"TextBox","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/textbox.md","filePath":"documentation/controls/inputs/textbox.md"}'),l={name:"documentation/controls/inputs/textbox.md"};function h(n,a,o,p,r,k){return e(),i("div",null,a[0]||(a[0]=[t('<h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>A control used for collecting user provided information.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p>',17)]))}const E=s(l,[["render",h]]);export{c as __pageData,E as default};
diff --git a/assets/documentation_controls_inputs_togglebutton.md.CfxvYYot.js b/assets/documentation_controls_inputs_togglebutton.md.CLRetAcE.js
similarity index 96%
rename from assets/documentation_controls_inputs_togglebutton.md.CfxvYYot.js
rename to assets/documentation_controls_inputs_togglebutton.md.CLRetAcE.js
index aa23f1196..fcf2457b7 100644
--- a/assets/documentation_controls_inputs_togglebutton.md.CfxvYYot.js
+++ b/assets/documentation_controls_inputs_togglebutton.md.CLRetAcE.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/togglebutton.Ba5AT4-L.js";import{_ as a,c as o,a2 as s,o as i}from"./chunks/framework.Ckp7d4B5.js";const m=JSON.parse('{"title":"ToggleButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/togglebutton.md","filePath":"documentation/controls/inputs/togglebutton.md"}'),l={name:"documentation/controls/inputs/togglebutton.md"};function n(r,t,h,p,g,u){return i(),o("div",null,t[0]||(t[0]=[s('<h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const k=a(l,[["render",n]]);export{m as __pageData,k as default};
+import{_ as e}from"./chunks/togglebutton.Ba5AT4-L.js";import{_ as a,c as o,a2 as s,o as i}from"./chunks/framework.CoCfjAIq.js";const m=JSON.parse('{"title":"ToggleButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/togglebutton.md","filePath":"documentation/controls/inputs/togglebutton.md"}'),l={name:"documentation/controls/inputs/togglebutton.md"};function n(r,t,h,p,g,u){return i(),o("div",null,t[0]||(t[0]=[s('<h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const k=a(l,[["render",n]]);export{m as __pageData,k as default};
diff --git a/assets/documentation_controls_inputs_togglebutton.md.CfxvYYot.lean.js b/assets/documentation_controls_inputs_togglebutton.md.CLRetAcE.lean.js
similarity index 96%
rename from assets/documentation_controls_inputs_togglebutton.md.CfxvYYot.lean.js
rename to assets/documentation_controls_inputs_togglebutton.md.CLRetAcE.lean.js
index aa23f1196..fcf2457b7 100644
--- a/assets/documentation_controls_inputs_togglebutton.md.CfxvYYot.lean.js
+++ b/assets/documentation_controls_inputs_togglebutton.md.CLRetAcE.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/togglebutton.Ba5AT4-L.js";import{_ as a,c as o,a2 as s,o as i}from"./chunks/framework.Ckp7d4B5.js";const m=JSON.parse('{"title":"ToggleButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/togglebutton.md","filePath":"documentation/controls/inputs/togglebutton.md"}'),l={name:"documentation/controls/inputs/togglebutton.md"};function n(r,t,h,p,g,u){return i(),o("div",null,t[0]||(t[0]=[s('<h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const k=a(l,[["render",n]]);export{m as __pageData,k as default};
+import{_ as e}from"./chunks/togglebutton.Ba5AT4-L.js";import{_ as a,c as o,a2 as s,o as i}from"./chunks/framework.CoCfjAIq.js";const m=JSON.parse('{"title":"ToggleButton","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/togglebutton.md","filePath":"documentation/controls/inputs/togglebutton.md"}'),l={name:"documentation/controls/inputs/togglebutton.md"};function n(r,t,h,p,g,u){return i(),o("div",null,t[0]||(t[0]=[s('<h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const k=a(l,[["render",n]]);export{m as __pageData,k as default};
diff --git a/assets/documentation_controls_inputs_toggleswitch.md.CtBNA0sQ.js b/assets/documentation_controls_inputs_toggleswitch.md.xuOhQHc7.js
similarity index 93%
rename from assets/documentation_controls_inputs_toggleswitch.md.CtBNA0sQ.js
rename to assets/documentation_controls_inputs_toggleswitch.md.xuOhQHc7.js
index c73f26850..df3fc7199 100644
--- a/assets/documentation_controls_inputs_toggleswitch.md.CtBNA0sQ.js
+++ b/assets/documentation_controls_inputs_toggleswitch.md.xuOhQHc7.js
@@ -1 +1 @@
-import{_ as a,c as t,a2 as s,o as i}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"ToggleSwitch","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/toggleswitch.md","filePath":"documentation/controls/inputs/toggleswitch.md"}'),o={name:"documentation/controls/inputs/toggleswitch.md"};function l(n,e,h,r,c,p){return i(),t("div",null,e[0]||(e[0]=[s('<h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const u=a(o,[["render",l]]);export{g as __pageData,u as default};
+import{_ as a,c as t,a2 as s,o as i}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"ToggleSwitch","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/toggleswitch.md","filePath":"documentation/controls/inputs/toggleswitch.md"}'),o={name:"documentation/controls/inputs/toggleswitch.md"};function l(n,e,h,r,c,p){return i(),t("div",null,e[0]||(e[0]=[s('<h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const u=a(o,[["render",l]]);export{g as __pageData,u as default};
diff --git a/assets/documentation_controls_inputs_toggleswitch.md.CtBNA0sQ.lean.js b/assets/documentation_controls_inputs_toggleswitch.md.xuOhQHc7.lean.js
similarity index 93%
rename from assets/documentation_controls_inputs_toggleswitch.md.CtBNA0sQ.lean.js
rename to assets/documentation_controls_inputs_toggleswitch.md.xuOhQHc7.lean.js
index c73f26850..df3fc7199 100644
--- a/assets/documentation_controls_inputs_toggleswitch.md.CtBNA0sQ.lean.js
+++ b/assets/documentation_controls_inputs_toggleswitch.md.xuOhQHc7.lean.js
@@ -1 +1 @@
-import{_ as a,c as t,a2 as s,o as i}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"ToggleSwitch","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/toggleswitch.md","filePath":"documentation/controls/inputs/toggleswitch.md"}'),o={name:"documentation/controls/inputs/toggleswitch.md"};function l(n,e,h,r,c,p){return i(),t("div",null,e[0]||(e[0]=[s('<h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const u=a(o,[["render",l]]);export{g as __pageData,u as default};
+import{_ as a,c as t,a2 as s,o as i}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"ToggleSwitch","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/inputs/toggleswitch.md","filePath":"documentation/controls/inputs/toggleswitch.md"}'),o={name:"documentation/controls/inputs/toggleswitch.md"};function l(n,e,h,r,c,p){return i(),t("div",null,e[0]||(e[0]=[s('<h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const u=a(o,[["render",l]]);export{g as __pageData,u as default};
diff --git a/assets/documentation_controls_layout_dock.md.PrfIRBwX.js b/assets/documentation_controls_layout_dock.md.Cgcztqt_.js
similarity index 94%
rename from assets/documentation_controls_layout_dock.md.PrfIRBwX.js
rename to assets/documentation_controls_layout_dock.md.Cgcztqt_.js
index 310d64e82..dc872f1b1 100644
--- a/assets/documentation_controls_layout_dock.md.PrfIRBwX.js
+++ b/assets/documentation_controls_layout_dock.md.Cgcztqt_.js
@@ -1 +1 @@
-import{_ as s,c as i,a2 as e,j as t,o}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Dock","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/dock.md","filePath":"documentation/controls/layout/dock.md"}'),n={name:"documentation/controls/layout/dock.md"};function c(l,a,r,d,k,h){return o(),i("div",null,a[0]||(a[0]=[e('<h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>As Docking controls are often asked by community, we decided to make a theme for the <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> library.</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="install-sukiui-dock-nuget-package" tabindex="-1">Install SukiUI.Dock Nuget Package <a class="header-anchor" href="#install-sukiui-dock-nuget-package" aria-label="Permalink to &quot;Install SukiUI.Dock Nuget Package&quot;">​</a></h2>',4),t("p",{"F7E52AB9-7A5A-4007-9CBC-8258079C1F78":""},[t("img",{src:"https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f",alt:"{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"})],-1),e('<h2 id="reference-it-in-your-app-axaml" tabindex="-1">Reference it in your App.axaml <a class="header-anchor" href="#reference-it-in-your-app-axaml" aria-label="Permalink to &quot;Reference it in your App.axaml&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>You can now install and use the Dock library with SukiUI !</p>',3)]))}const m=s(n,[["render",c]]);export{u as __pageData,m as default};
+import{_ as s,c as i,a2 as e,j as t,o}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Dock","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/dock.md","filePath":"documentation/controls/layout/dock.md"}'),n={name:"documentation/controls/layout/dock.md"};function c(l,a,r,d,k,h){return o(),i("div",null,a[0]||(a[0]=[e('<h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>As Docking controls are often asked by community, we decided to make a theme for the <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> library.</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="install-sukiui-dock-nuget-package" tabindex="-1">Install SukiUI.Dock Nuget Package <a class="header-anchor" href="#install-sukiui-dock-nuget-package" aria-label="Permalink to &quot;Install SukiUI.Dock Nuget Package&quot;">​</a></h2>',4),t("p",{"F7E52AB9-7A5A-4007-9CBC-8258079C1F78":""},[t("img",{src:"https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f",alt:"{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"})],-1),e('<h2 id="reference-it-in-your-app-axaml" tabindex="-1">Reference it in your App.axaml <a class="header-anchor" href="#reference-it-in-your-app-axaml" aria-label="Permalink to &quot;Reference it in your App.axaml&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>You can now install and use the Dock library with SukiUI !</p>',3)]))}const m=s(n,[["render",c]]);export{u as __pageData,m as default};
diff --git a/assets/documentation_controls_layout_dock.md.PrfIRBwX.lean.js b/assets/documentation_controls_layout_dock.md.Cgcztqt_.lean.js
similarity index 94%
rename from assets/documentation_controls_layout_dock.md.PrfIRBwX.lean.js
rename to assets/documentation_controls_layout_dock.md.Cgcztqt_.lean.js
index 310d64e82..dc872f1b1 100644
--- a/assets/documentation_controls_layout_dock.md.PrfIRBwX.lean.js
+++ b/assets/documentation_controls_layout_dock.md.Cgcztqt_.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,a2 as e,j as t,o}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Dock","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/dock.md","filePath":"documentation/controls/layout/dock.md"}'),n={name:"documentation/controls/layout/dock.md"};function c(l,a,r,d,k,h){return o(),i("div",null,a[0]||(a[0]=[e('<h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>As Docking controls are often asked by community, we decided to make a theme for the <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> library.</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="install-sukiui-dock-nuget-package" tabindex="-1">Install SukiUI.Dock Nuget Package <a class="header-anchor" href="#install-sukiui-dock-nuget-package" aria-label="Permalink to &quot;Install SukiUI.Dock Nuget Package&quot;">​</a></h2>',4),t("p",{"F7E52AB9-7A5A-4007-9CBC-8258079C1F78":""},[t("img",{src:"https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f",alt:"{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"})],-1),e('<h2 id="reference-it-in-your-app-axaml" tabindex="-1">Reference it in your App.axaml <a class="header-anchor" href="#reference-it-in-your-app-axaml" aria-label="Permalink to &quot;Reference it in your App.axaml&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>You can now install and use the Dock library with SukiUI !</p>',3)]))}const m=s(n,[["render",c]]);export{u as __pageData,m as default};
+import{_ as s,c as i,a2 as e,j as t,o}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Dock","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/dock.md","filePath":"documentation/controls/layout/dock.md"}'),n={name:"documentation/controls/layout/dock.md"};function c(l,a,r,d,k,h){return o(),i("div",null,a[0]||(a[0]=[e('<h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>As Docking controls are often asked by community, we decided to make a theme for the <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> library.</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="install-sukiui-dock-nuget-package" tabindex="-1">Install SukiUI.Dock Nuget Package <a class="header-anchor" href="#install-sukiui-dock-nuget-package" aria-label="Permalink to &quot;Install SukiUI.Dock Nuget Package&quot;">​</a></h2>',4),t("p",{"F7E52AB9-7A5A-4007-9CBC-8258079C1F78":""},[t("img",{src:"https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f",alt:"{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"})],-1),e('<h2 id="reference-it-in-your-app-axaml" tabindex="-1">Reference it in your App.axaml <a class="header-anchor" href="#reference-it-in-your-app-axaml" aria-label="Permalink to &quot;Reference it in your App.axaml&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>You can now install and use the Dock library with SukiUI !</p>',3)]))}const m=s(n,[["render",c]]);export{u as __pageData,m as default};
diff --git a/assets/documentation_controls_layout_glasscard.md.BoFAxp4P.js b/assets/documentation_controls_layout_glasscard.md.hVskZja9.js
similarity index 98%
rename from assets/documentation_controls_layout_glasscard.md.BoFAxp4P.js
rename to assets/documentation_controls_layout_glasscard.md.hVskZja9.js
index 94395ff60..0b9bfd7ba 100644
--- a/assets/documentation_controls_layout_glasscard.md.BoFAxp4P.js
+++ b/assets/documentation_controls_layout_glasscard.md.hVskZja9.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Glass Card","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/glasscard.md","filePath":"documentation/controls/layout/glasscard.md"}'),l={name:"documentation/controls/layout/glasscard.md"};function n(h,a,p,r,o,d){return e(),i("div",null,a[0]||(a[0]=[t(`<h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>A simple Card control that can present any control inside.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark-theme" tabindex="-1">Dark Theme <a class="header-anchor" href="#dark-theme" aria-label="Permalink to &quot;Dark Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="light-theme" tabindex="-1">Light Theme <a class="header-anchor" href="#light-theme" aria-label="Permalink to &quot;Light Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Glass Card","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/glasscard.md","filePath":"documentation/controls/layout/glasscard.md"}'),l={name:"documentation/controls/layout/glasscard.md"};function n(h,a,p,r,o,d){return e(),i("div",null,a[0]||(a[0]=[t(`<h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>A simple Card control that can present any control inside.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark-theme" tabindex="-1">Dark Theme <a class="header-anchor" href="#dark-theme" aria-label="Permalink to &quot;Dark Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="light-theme" tabindex="-1">Light Theme <a class="header-anchor" href="#light-theme" aria-label="Permalink to &quot;Light Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="alternative-style" tabindex="-1">Alternative Style <a class="header-anchor" href="#alternative-style" aria-label="Permalink to &quot;Alternative Style&quot;">​</a></h2><h3 id="primary" tabindex="-1">Primary <a class="header-anchor" href="#primary" aria-label="Permalink to &quot;Primary&quot;">​</a></h3><img src="https://sleekshot.app/api/download/DC48QzG5R1XT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
diff --git a/assets/documentation_controls_layout_glasscard.md.BoFAxp4P.lean.js b/assets/documentation_controls_layout_glasscard.md.hVskZja9.lean.js
similarity index 98%
rename from assets/documentation_controls_layout_glasscard.md.BoFAxp4P.lean.js
rename to assets/documentation_controls_layout_glasscard.md.hVskZja9.lean.js
index 94395ff60..0b9bfd7ba 100644
--- a/assets/documentation_controls_layout_glasscard.md.BoFAxp4P.lean.js
+++ b/assets/documentation_controls_layout_glasscard.md.hVskZja9.lean.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Glass Card","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/glasscard.md","filePath":"documentation/controls/layout/glasscard.md"}'),l={name:"documentation/controls/layout/glasscard.md"};function n(h,a,p,r,o,d){return e(),i("div",null,a[0]||(a[0]=[t(`<h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>A simple Card control that can present any control inside.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark-theme" tabindex="-1">Dark Theme <a class="header-anchor" href="#dark-theme" aria-label="Permalink to &quot;Dark Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="light-theme" tabindex="-1">Light Theme <a class="header-anchor" href="#light-theme" aria-label="Permalink to &quot;Light Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Glass Card","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/glasscard.md","filePath":"documentation/controls/layout/glasscard.md"}'),l={name:"documentation/controls/layout/glasscard.md"};function n(h,a,p,r,o,d){return e(),i("div",null,a[0]||(a[0]=[t(`<h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>A simple Card control that can present any control inside.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark-theme" tabindex="-1">Dark Theme <a class="header-anchor" href="#dark-theme" aria-label="Permalink to &quot;Dark Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="light-theme" tabindex="-1">Light Theme <a class="header-anchor" href="#light-theme" aria-label="Permalink to &quot;Light Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="alternative-style" tabindex="-1">Alternative Style <a class="header-anchor" href="#alternative-style" aria-label="Permalink to &quot;Alternative Style&quot;">​</a></h2><h3 id="primary" tabindex="-1">Primary <a class="header-anchor" href="#primary" aria-label="Permalink to &quot;Primary&quot;">​</a></h3><img src="https://sleekshot.app/api/download/DC48QzG5R1XT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
diff --git a/assets/documentation_controls_layout_settingslayout.md.CSwRNNNO.js b/assets/documentation_controls_layout_settingslayout.md.CTOaD0bO.js
similarity index 99%
rename from assets/documentation_controls_layout_settingslayout.md.CSwRNNNO.js
rename to assets/documentation_controls_layout_settingslayout.md.CTOaD0bO.js
index 264e34b1a..9f9133dbb 100644
--- a/assets/documentation_controls_layout_settingslayout.md.CSwRNNNO.js
+++ b/assets/documentation_controls_layout_settingslayout.md.CTOaD0bO.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/settingslayout.B4Ub7kgI.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"Settings Layout","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/settingslayout.md","filePath":"documentation/controls/layout/settingslayout.md"}'),l={name:"documentation/controls/layout/settingslayout.md"};function k(e,s,p,E,r,g){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>You can present <code>settings</code> through a <code>SettingsLayout</code>, which will update with the width of the window.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/settingslayout.B4Ub7kgI.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"Settings Layout","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/settingslayout.md","filePath":"documentation/controls/layout/settingslayout.md"}'),l={name:"documentation/controls/layout/settingslayout.md"};function k(e,s,p,E,r,g){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>You can present <code>settings</code> through a <code>SettingsLayout</code>, which will update with the width of the window.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;suki:SettingsLayoutItem&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayoutItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Settings Part1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/documentation_controls_layout_settingslayout.md.CSwRNNNO.lean.js b/assets/documentation_controls_layout_settingslayout.md.CTOaD0bO.lean.js
similarity index 99%
rename from assets/documentation_controls_layout_settingslayout.md.CSwRNNNO.lean.js
rename to assets/documentation_controls_layout_settingslayout.md.CTOaD0bO.lean.js
index 264e34b1a..9f9133dbb 100644
--- a/assets/documentation_controls_layout_settingslayout.md.CSwRNNNO.lean.js
+++ b/assets/documentation_controls_layout_settingslayout.md.CTOaD0bO.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/settingslayout.B4Ub7kgI.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"Settings Layout","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/settingslayout.md","filePath":"documentation/controls/layout/settingslayout.md"}'),l={name:"documentation/controls/layout/settingslayout.md"};function k(e,s,p,E,r,g){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>You can present <code>settings</code> through a <code>SettingsLayout</code>, which will update with the width of the window.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/settingslayout.B4Ub7kgI.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"Settings Layout","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/settingslayout.md","filePath":"documentation/controls/layout/settingslayout.md"}'),l={name:"documentation/controls/layout/settingslayout.md"};function k(e,s,p,E,r,g){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>You can present <code>settings</code> through a <code>SettingsLayout</code>, which will update with the width of the window.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;suki:SettingsLayoutItem&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayoutItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Settings Part1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/documentation_controls_layout_sukiwindow.md.kR1zYdh9.js b/assets/documentation_controls_layout_sukiwindow.md.Bwrc7Ugt.js
similarity index 98%
rename from assets/documentation_controls_layout_sukiwindow.md.kR1zYdh9.js
rename to assets/documentation_controls_layout_sukiwindow.md.Bwrc7Ugt.js
index 1b1387914..853eb9b1d 100644
--- a/assets/documentation_controls_layout_sukiwindow.md.kR1zYdh9.js
+++ b/assets/documentation_controls_layout_sukiwindow.md.Bwrc7Ugt.js
@@ -1,4 +1,4 @@
-import{_ as a,c as s,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"SukiWindow","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/sukiwindow.md","filePath":"documentation/controls/layout/sukiwindow.md"}'),n={name:"documentation/controls/layout/sukiwindow.md"};function l(h,i,k,o,p,r){return e(),s("div",null,i[0]||(i[0]=[t(`<h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>In SukiUI, <code>SukiWindow</code> replaces <code>Window</code> as the basis for building apps.</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="background-style" tabindex="-1">Background Style <a class="header-anchor" href="#background-style" aria-label="Permalink to &quot;Background Style&quot;">​</a></h2><p>SukiUI let you choose between 3 distinct background option, from the &quot;Bubble&quot;, perfect to enhance the glassmorphism design of the library to the classic &quot;Flat&quot; background.</p><p>Note that the background are dynamically created to match your color theme - Blue in this documentation.</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a,c as s,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"SukiWindow","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/sukiwindow.md","filePath":"documentation/controls/layout/sukiwindow.md"}'),n={name:"documentation/controls/layout/sukiwindow.md"};function l(h,i,k,o,p,r){return e(),s("div",null,i[0]||(i[0]=[t(`<h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>In SukiUI, <code>SukiWindow</code> replaces <code>Window</code> as the basis for building apps.</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="background-style" tabindex="-1">Background Style <a class="header-anchor" href="#background-style" aria-label="Permalink to &quot;Background Style&quot;">​</a></h2><p>SukiUI let you choose between 3 distinct background option, from the &quot;Bubble&quot;, perfect to enhance the glassmorphism design of the library to the classic &quot;Flat&quot; background.</p><p>Note that the background are dynamically created to match your color theme - Blue in this documentation.</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h4 id="dark" tabindex="-1">Dark <a class="header-anchor" href="#dark" aria-label="Permalink to &quot;Dark&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="sukiwindow - dark"></p><h4 id="light" tabindex="-1">Light <a class="header-anchor" href="#light" aria-label="Permalink to &quot;Light&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="sukiwindow - light"></p><h2 id="gradient" tabindex="-1">Gradient <a class="header-anchor" href="#gradient" aria-label="Permalink to &quot;Gradient&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Gradient&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
diff --git a/assets/documentation_controls_layout_sukiwindow.md.kR1zYdh9.lean.js b/assets/documentation_controls_layout_sukiwindow.md.Bwrc7Ugt.lean.js
similarity index 98%
rename from assets/documentation_controls_layout_sukiwindow.md.kR1zYdh9.lean.js
rename to assets/documentation_controls_layout_sukiwindow.md.Bwrc7Ugt.lean.js
index 1b1387914..853eb9b1d 100644
--- a/assets/documentation_controls_layout_sukiwindow.md.kR1zYdh9.lean.js
+++ b/assets/documentation_controls_layout_sukiwindow.md.Bwrc7Ugt.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,c as s,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"SukiWindow","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/sukiwindow.md","filePath":"documentation/controls/layout/sukiwindow.md"}'),n={name:"documentation/controls/layout/sukiwindow.md"};function l(h,i,k,o,p,r){return e(),s("div",null,i[0]||(i[0]=[t(`<h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>In SukiUI, <code>SukiWindow</code> replaces <code>Window</code> as the basis for building apps.</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="background-style" tabindex="-1">Background Style <a class="header-anchor" href="#background-style" aria-label="Permalink to &quot;Background Style&quot;">​</a></h2><p>SukiUI let you choose between 3 distinct background option, from the &quot;Bubble&quot;, perfect to enhance the glassmorphism design of the library to the classic &quot;Flat&quot; background.</p><p>Note that the background are dynamically created to match your color theme - Blue in this documentation.</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a,c as s,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"SukiWindow","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/layout/sukiwindow.md","filePath":"documentation/controls/layout/sukiwindow.md"}'),n={name:"documentation/controls/layout/sukiwindow.md"};function l(h,i,k,o,p,r){return e(),s("div",null,i[0]||(i[0]=[t(`<h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>In SukiUI, <code>SukiWindow</code> replaces <code>Window</code> as the basis for building apps.</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="background-style" tabindex="-1">Background Style <a class="header-anchor" href="#background-style" aria-label="Permalink to &quot;Background Style&quot;">​</a></h2><p>SukiUI let you choose between 3 distinct background option, from the &quot;Bubble&quot;, perfect to enhance the glassmorphism design of the library to the classic &quot;Flat&quot; background.</p><p>Note that the background are dynamically created to match your color theme - Blue in this documentation.</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h4 id="dark" tabindex="-1">Dark <a class="header-anchor" href="#dark" aria-label="Permalink to &quot;Dark&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="sukiwindow - dark"></p><h4 id="light" tabindex="-1">Light <a class="header-anchor" href="#light" aria-label="Permalink to &quot;Light&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="sukiwindow - light"></p><h2 id="gradient" tabindex="-1">Gradient <a class="header-anchor" href="#gradient" aria-label="Permalink to &quot;Gradient&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Gradient&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
diff --git a/assets/documentation_controls_navigation_sidemenu.md.DnxRSEZL.js b/assets/documentation_controls_navigation_sidemenu.md.CKedGK7N.js
similarity index 99%
rename from assets/documentation_controls_navigation_sidemenu.md.DnxRSEZL.js
rename to assets/documentation_controls_navigation_sidemenu.md.CKedGK7N.js
index bfd4938d3..0e2610460 100644
--- a/assets/documentation_controls_navigation_sidemenu.md.DnxRSEZL.js
+++ b/assets/documentation_controls_navigation_sidemenu.md.CKedGK7N.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/sukisidemenu.CMrCrOEo.js";import{_ as a,c as n,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"SukiSideMenu","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/sidemenu.md","filePath":"documentation/controls/navigation/sidemenu.md"}'),l={name:"documentation/controls/navigation/sidemenu.md"};function k(h,s,p,E,r,d){return t(),n("div",null,s[0]||(s[0]=[e('<h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> is the main navigation control used in SukiUI, similar to <code>NavigationView</code> in other libraries.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="200px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/sukisidemenu.CMrCrOEo.js";import{_ as a,c as n,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"SukiSideMenu","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/sidemenu.md","filePath":"documentation/controls/navigation/sidemenu.md"}'),l={name:"documentation/controls/navigation/sidemenu.md"};function k(h,s,p,E,r,d){return t(),n("div",null,s[0]||(s[0]=[e('<h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> is the main navigation control used in SukiUI, similar to <code>NavigationView</code> in other libraries.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="200px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Page Title&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Compact&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem.Icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/documentation_controls_navigation_sidemenu.md.DnxRSEZL.lean.js b/assets/documentation_controls_navigation_sidemenu.md.CKedGK7N.lean.js
similarity index 99%
rename from assets/documentation_controls_navigation_sidemenu.md.DnxRSEZL.lean.js
rename to assets/documentation_controls_navigation_sidemenu.md.CKedGK7N.lean.js
index bfd4938d3..0e2610460 100644
--- a/assets/documentation_controls_navigation_sidemenu.md.DnxRSEZL.lean.js
+++ b/assets/documentation_controls_navigation_sidemenu.md.CKedGK7N.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/sukisidemenu.CMrCrOEo.js";import{_ as a,c as n,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"SukiSideMenu","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/sidemenu.md","filePath":"documentation/controls/navigation/sidemenu.md"}'),l={name:"documentation/controls/navigation/sidemenu.md"};function k(h,s,p,E,r,d){return t(),n("div",null,s[0]||(s[0]=[e('<h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> is the main navigation control used in SukiUI, similar to <code>NavigationView</code> in other libraries.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="200px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/sukisidemenu.CMrCrOEo.js";import{_ as a,c as n,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"SukiSideMenu","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/sidemenu.md","filePath":"documentation/controls/navigation/sidemenu.md"}'),l={name:"documentation/controls/navigation/sidemenu.md"};function k(h,s,p,E,r,d){return t(),n("div",null,s[0]||(s[0]=[e('<h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> is the main navigation control used in SukiUI, similar to <code>NavigationView</code> in other libraries.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="200px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Page Title&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Compact&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem.Icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/documentation_controls_navigation_stackpage.md.CdPRFWq_.js b/assets/documentation_controls_navigation_stackpage.md.CnH0p65_.js
similarity index 97%
rename from assets/documentation_controls_navigation_stackpage.md.CdPRFWq_.js
rename to assets/documentation_controls_navigation_stackpage.md.CnH0p65_.js
index 8177e648a..ea04d8d6a 100644
--- a/assets/documentation_controls_navigation_stackpage.md.CdPRFWq_.js
+++ b/assets/documentation_controls_navigation_stackpage.md.CnH0p65_.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/stackpage.BHns5mvs.js";import{_ as e,c as i,a2 as s,o}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Stack Page","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/stackpage.md","filePath":"documentation/controls/navigation/stackpage.md"}'),n={name:"documentation/controls/navigation/stackpage.md"};function l(r,a,h,c,k,p){return o(),i("div",null,a[0]||(a[0]=[s('<h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> simply remembers everything it&#39;s <code>Content</code> property is set to, up to the Limit (default 5 items).</p><p>Clicking on the items in the header will unwind the stack to that item.</p><p><code>StackPage</code> will also unwind the stack automatically if you set the Content to an object that is already in it&#39;s stack.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+t+'"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p>',11)]))}const u=e(n,[["render",l]]);export{g as __pageData,u as default};
+import{_ as t}from"./chunks/stackpage.BHns5mvs.js";import{_ as e,c as i,a2 as s,o}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Stack Page","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/stackpage.md","filePath":"documentation/controls/navigation/stackpage.md"}'),n={name:"documentation/controls/navigation/stackpage.md"};function l(r,a,h,c,k,p){return o(),i("div",null,a[0]||(a[0]=[s('<h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> simply remembers everything it&#39;s <code>Content</code> property is set to, up to the Limit (default 5 items).</p><p>Clicking on the items in the header will unwind the stack to that item.</p><p><code>StackPage</code> will also unwind the stack automatically if you set the Content to an object that is already in it&#39;s stack.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+t+'"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p>',11)]))}const u=e(n,[["render",l]]);export{g as __pageData,u as default};
diff --git a/assets/documentation_controls_navigation_stackpage.md.CdPRFWq_.lean.js b/assets/documentation_controls_navigation_stackpage.md.CnH0p65_.lean.js
similarity index 97%
rename from assets/documentation_controls_navigation_stackpage.md.CdPRFWq_.lean.js
rename to assets/documentation_controls_navigation_stackpage.md.CnH0p65_.lean.js
index 8177e648a..ea04d8d6a 100644
--- a/assets/documentation_controls_navigation_stackpage.md.CdPRFWq_.lean.js
+++ b/assets/documentation_controls_navigation_stackpage.md.CnH0p65_.lean.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/stackpage.BHns5mvs.js";import{_ as e,c as i,a2 as s,o}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Stack Page","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/stackpage.md","filePath":"documentation/controls/navigation/stackpage.md"}'),n={name:"documentation/controls/navigation/stackpage.md"};function l(r,a,h,c,k,p){return o(),i("div",null,a[0]||(a[0]=[s('<h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> simply remembers everything it&#39;s <code>Content</code> property is set to, up to the Limit (default 5 items).</p><p>Clicking on the items in the header will unwind the stack to that item.</p><p><code>StackPage</code> will also unwind the stack automatically if you set the Content to an object that is already in it&#39;s stack.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+t+'"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p>',11)]))}const u=e(n,[["render",l]]);export{g as __pageData,u as default};
+import{_ as t}from"./chunks/stackpage.BHns5mvs.js";import{_ as e,c as i,a2 as s,o}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Stack Page","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/stackpage.md","filePath":"documentation/controls/navigation/stackpage.md"}'),n={name:"documentation/controls/navigation/stackpage.md"};function l(r,a,h,c,k,p){return o(),i("div",null,a[0]||(a[0]=[s('<h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> simply remembers everything it&#39;s <code>Content</code> property is set to, up to the Limit (default 5 items).</p><p>Clicking on the items in the header will unwind the stack to that item.</p><p><code>StackPage</code> will also unwind the stack automatically if you set the Content to an object that is already in it&#39;s stack.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+t+'"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p>',11)]))}const u=e(n,[["render",l]]);export{g as __pageData,u as default};
diff --git a/assets/documentation_controls_navigation_tabcontrol.md.BKM7KEPx.js b/assets/documentation_controls_navigation_tabcontrol.md.DpK6AJqy.js
similarity index 98%
rename from assets/documentation_controls_navigation_tabcontrol.md.BKM7KEPx.js
rename to assets/documentation_controls_navigation_tabcontrol.md.DpK6AJqy.js
index db5895aac..3d3af43e8 100644
--- a/assets/documentation_controls_navigation_tabcontrol.md.BKM7KEPx.js
+++ b/assets/documentation_controls_navigation_tabcontrol.md.DpK6AJqy.js
@@ -1,4 +1,4 @@
-import{_ as s}from"./chunks/tabcontrol.WzHjHu9v.js";import{_ as i,c as t,a2 as n,o as e}from"./chunks/framework.Ckp7d4B5.js";const b=JSON.parse('{"title":"Tab Control","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/tabcontrol.md","filePath":"documentation/controls/navigation/tabcontrol.md"}'),l={name:"documentation/controls/navigation/tabcontrol.md"};function o(h,a,r,p,k,d){return e(),t("div",null,a[0]||(a[0]=[n('<h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> provides the user with a collection of tabs that can be used to display several contents.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> property is available</p></div><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as s}from"./chunks/tabcontrol.WzHjHu9v.js";import{_ as i,c as t,a2 as n,o as e}from"./chunks/framework.CoCfjAIq.js";const b=JSON.parse('{"title":"Tab Control","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/tabcontrol.md","filePath":"documentation/controls/navigation/tabcontrol.md"}'),l={name:"documentation/controls/navigation/tabcontrol.md"};function o(h,a,r,p,k,d){return e(),t("div",null,a[0]||(a[0]=[n('<h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> provides the user with a collection of tabs that can be used to display several contents.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> property is available</p></div><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Tab 1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/documentation_controls_navigation_tabcontrol.md.BKM7KEPx.lean.js b/assets/documentation_controls_navigation_tabcontrol.md.DpK6AJqy.lean.js
similarity index 98%
rename from assets/documentation_controls_navigation_tabcontrol.md.BKM7KEPx.lean.js
rename to assets/documentation_controls_navigation_tabcontrol.md.DpK6AJqy.lean.js
index db5895aac..3d3af43e8 100644
--- a/assets/documentation_controls_navigation_tabcontrol.md.BKM7KEPx.lean.js
+++ b/assets/documentation_controls_navigation_tabcontrol.md.DpK6AJqy.lean.js
@@ -1,4 +1,4 @@
-import{_ as s}from"./chunks/tabcontrol.WzHjHu9v.js";import{_ as i,c as t,a2 as n,o as e}from"./chunks/framework.Ckp7d4B5.js";const b=JSON.parse('{"title":"Tab Control","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/tabcontrol.md","filePath":"documentation/controls/navigation/tabcontrol.md"}'),l={name:"documentation/controls/navigation/tabcontrol.md"};function o(h,a,r,p,k,d){return e(),t("div",null,a[0]||(a[0]=[n('<h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> provides the user with a collection of tabs that can be used to display several contents.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> property is available</p></div><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as s}from"./chunks/tabcontrol.WzHjHu9v.js";import{_ as i,c as t,a2 as n,o as e}from"./chunks/framework.CoCfjAIq.js";const b=JSON.parse('{"title":"Tab Control","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/navigation/tabcontrol.md","filePath":"documentation/controls/navigation/tabcontrol.md"}'),l={name:"documentation/controls/navigation/tabcontrol.md"};function o(h,a,r,p,k,d){return e(),t("div",null,a[0]||(a[0]=[n('<h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> provides the user with a collection of tabs that can be used to display several contents.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> property is available</p></div><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Tab 1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/documentation_controls_notification_infobadge.md.OH4qKYVc.js b/assets/documentation_controls_notification_infobadge.md.4c-jUjQO.js
similarity index 85%
rename from assets/documentation_controls_notification_infobadge.md.OH4qKYVc.js
rename to assets/documentation_controls_notification_infobadge.md.4c-jUjQO.js
index 8c19fa3a8..9090907cc 100644
--- a/assets/documentation_controls_notification_infobadge.md.OH4qKYVc.js
+++ b/assets/documentation_controls_notification_infobadge.md.4c-jUjQO.js
@@ -1 +1 @@
-import{_ as t,c as o,o as n}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/notification/infobadge.md","filePath":"documentation/controls/notification/infobadge.md"}'),e={name:"documentation/controls/notification/infobadge.md"};function a(i,c,r,s,d,f){return n(),o("div")}const _=t(e,[["render",a]]);export{p as __pageData,_ as default};
+import{_ as t,c as o,o as n}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/notification/infobadge.md","filePath":"documentation/controls/notification/infobadge.md"}'),e={name:"documentation/controls/notification/infobadge.md"};function a(i,c,r,s,d,f){return n(),o("div")}const _=t(e,[["render",a]]);export{p as __pageData,_ as default};
diff --git a/assets/documentation_controls_notification_infobadge.md.OH4qKYVc.lean.js b/assets/documentation_controls_notification_infobadge.md.4c-jUjQO.lean.js
similarity index 85%
rename from assets/documentation_controls_notification_infobadge.md.OH4qKYVc.lean.js
rename to assets/documentation_controls_notification_infobadge.md.4c-jUjQO.lean.js
index 8c19fa3a8..9090907cc 100644
--- a/assets/documentation_controls_notification_infobadge.md.OH4qKYVc.lean.js
+++ b/assets/documentation_controls_notification_infobadge.md.4c-jUjQO.lean.js
@@ -1 +1 @@
-import{_ as t,c as o,o as n}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/notification/infobadge.md","filePath":"documentation/controls/notification/infobadge.md"}'),e={name:"documentation/controls/notification/infobadge.md"};function a(i,c,r,s,d,f){return n(),o("div")}const _=t(e,[["render",a]]);export{p as __pageData,_ as default};
+import{_ as t,c as o,o as n}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/notification/infobadge.md","filePath":"documentation/controls/notification/infobadge.md"}'),e={name:"documentation/controls/notification/infobadge.md"};function a(i,c,r,s,d,f){return n(),o("div")}const _=t(e,[["render",a]]);export{p as __pageData,_ as default};
diff --git a/assets/documentation_controls_notification_infobar.md.BetH2EyL.js b/assets/documentation_controls_notification_infobar.md.mVkhGF2-.js
similarity index 98%
rename from assets/documentation_controls_notification_infobar.md.BetH2EyL.js
rename to assets/documentation_controls_notification_infobar.md.mVkhGF2-.js
index 1ca0f1a85..7f19c12cd 100644
--- a/assets/documentation_controls_notification_infobar.md.BetH2EyL.js
+++ b/assets/documentation_controls_notification_infobar.md.mVkhGF2-.js
@@ -1,4 +1,4 @@
-import{_ as s}from"./chunks/infobar.BS8Y9_St.js";import{_ as i,c as e,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"InfoBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/notification/infobar.md","filePath":"documentation/controls/notification/infobar.md"}'),l={name:"documentation/controls/notification/infobar.md"};function o(r,a,h,p,k,d){return t(),e("div",null,a[0]||(a[0]=[n('<h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> is a control that displays a message and can be used to show specific severity message to the user.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as s}from"./chunks/infobar.BS8Y9_St.js";import{_ as i,c as e,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"InfoBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/notification/infobar.md","filePath":"documentation/controls/notification/infobar.md"}'),l={name:"documentation/controls/notification/infobar.md"};function o(r,a,h,p,k,d){return t(),e("div",null,a[0]||(a[0]=[n('<h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> is a control that displays a message and can be used to show specific severity message to the user.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Title</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Info&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsOpaque</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsOpaque}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsClosable</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsClosable}&quot;</span></span>
diff --git a/assets/documentation_controls_notification_infobar.md.BetH2EyL.lean.js b/assets/documentation_controls_notification_infobar.md.mVkhGF2-.lean.js
similarity index 98%
rename from assets/documentation_controls_notification_infobar.md.BetH2EyL.lean.js
rename to assets/documentation_controls_notification_infobar.md.mVkhGF2-.lean.js
index 1ca0f1a85..7f19c12cd 100644
--- a/assets/documentation_controls_notification_infobar.md.BetH2EyL.lean.js
+++ b/assets/documentation_controls_notification_infobar.md.mVkhGF2-.lean.js
@@ -1,4 +1,4 @@
-import{_ as s}from"./chunks/infobar.BS8Y9_St.js";import{_ as i,c as e,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"InfoBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/notification/infobar.md","filePath":"documentation/controls/notification/infobar.md"}'),l={name:"documentation/controls/notification/infobar.md"};function o(r,a,h,p,k,d){return t(),e("div",null,a[0]||(a[0]=[n('<h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> is a control that displays a message and can be used to show specific severity message to the user.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as s}from"./chunks/infobar.BS8Y9_St.js";import{_ as i,c as e,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"InfoBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/notification/infobar.md","filePath":"documentation/controls/notification/infobar.md"}'),l={name:"documentation/controls/notification/infobar.md"};function o(r,a,h,p,k,d){return t(),e("div",null,a[0]||(a[0]=[n('<h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> is a control that displays a message and can be used to show specific severity message to the user.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+s+`" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Title</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Info&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsOpaque</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsOpaque}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsClosable</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsClosable}&quot;</span></span>
diff --git a/assets/documentation_controls_progress_circleprogressbar.md.udCyUNRn.js b/assets/documentation_controls_progress_circleprogressbar.md.Ctg54rIO.js
similarity index 98%
rename from assets/documentation_controls_progress_circleprogressbar.md.udCyUNRn.js
rename to assets/documentation_controls_progress_circleprogressbar.md.Ctg54rIO.js
index 4e3228702..0800d0e93 100644
--- a/assets/documentation_controls_progress_circleprogressbar.md.udCyUNRn.js
+++ b/assets/documentation_controls_progress_circleprogressbar.md.Ctg54rIO.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/circleprogressbar.DFOQRR-C.js";import{_ as a,c as e,a2 as t,o as r}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"CircleProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/circleprogressbar.md","filePath":"documentation/controls/progress/circleprogressbar.md"}'),l={name:"documentation/controls/progress/circleprogressbar.md"};function n(h,s,p,o,k,g){return r(),e("div",null,s[0]||(s[0]=[t('<h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>Circle Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
+import{_ as i}from"./chunks/circleprogressbar.DFOQRR-C.js";import{_ as a,c as e,a2 as t,o as r}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"CircleProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/circleprogressbar.md","filePath":"documentation/controls/progress/circleprogressbar.md"}'),l={name:"documentation/controls/progress/circleprogressbar.md"};function n(h,s,p,o,k,g){return r(),e("div",null,s[0]||(s[0]=[t('<h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>Circle Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        StrokeWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;11&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0,2,0,0&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // Show percentage</span></span>
diff --git a/assets/documentation_controls_progress_circleprogressbar.md.udCyUNRn.lean.js b/assets/documentation_controls_progress_circleprogressbar.md.Ctg54rIO.lean.js
similarity index 98%
rename from assets/documentation_controls_progress_circleprogressbar.md.udCyUNRn.lean.js
rename to assets/documentation_controls_progress_circleprogressbar.md.Ctg54rIO.lean.js
index 4e3228702..0800d0e93 100644
--- a/assets/documentation_controls_progress_circleprogressbar.md.udCyUNRn.lean.js
+++ b/assets/documentation_controls_progress_circleprogressbar.md.Ctg54rIO.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/circleprogressbar.DFOQRR-C.js";import{_ as a,c as e,a2 as t,o as r}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"CircleProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/circleprogressbar.md","filePath":"documentation/controls/progress/circleprogressbar.md"}'),l={name:"documentation/controls/progress/circleprogressbar.md"};function n(h,s,p,o,k,g){return r(),e("div",null,s[0]||(s[0]=[t('<h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>Circle Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
+import{_ as i}from"./chunks/circleprogressbar.DFOQRR-C.js";import{_ as a,c as e,a2 as t,o as r}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"CircleProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/circleprogressbar.md","filePath":"documentation/controls/progress/circleprogressbar.md"}'),l={name:"documentation/controls/progress/circleprogressbar.md"};function n(h,s,p,o,k,g){return r(),e("div",null,s[0]||(s[0]=[t('<h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>Circle Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+i+`" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        StrokeWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;11&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0,2,0,0&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // Show percentage</span></span>
diff --git a/assets/documentation_controls_progress_loading.md.TMU_P3Rw.js b/assets/documentation_controls_progress_loading.md.t8ClkFEo.js
similarity index 96%
rename from assets/documentation_controls_progress_loading.md.TMU_P3Rw.js
rename to assets/documentation_controls_progress_loading.md.t8ClkFEo.js
index 04a275556..ec5942b20 100644
--- a/assets/documentation_controls_progress_loading.md.TMU_P3Rw.js
+++ b/assets/documentation_controls_progress_loading.md.t8ClkFEo.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/loading.B04oCQSH.js";import{_ as o,c as t,a2 as i,o as s}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/loading.md","filePath":"documentation/controls/progress/loading.md"}'),r={name:"documentation/controls/progress/loading.md"};function l(n,a,d,h,p,c){return s(),t("div",null,a[0]||(a[0]=[i('<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>Loading Indicator</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p>',9)]))}const k=o(r,[["render",l]]);export{u as __pageData,k as default};
+import{_ as e}from"./chunks/loading.B04oCQSH.js";import{_ as o,c as t,a2 as i,o as s}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/loading.md","filePath":"documentation/controls/progress/loading.md"}'),r={name:"documentation/controls/progress/loading.md"};function l(n,a,d,h,p,c){return s(),t("div",null,a[0]||(a[0]=[i('<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>Loading Indicator</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p>',9)]))}const k=o(r,[["render",l]]);export{u as __pageData,k as default};
diff --git a/assets/documentation_controls_progress_loading.md.TMU_P3Rw.lean.js b/assets/documentation_controls_progress_loading.md.t8ClkFEo.lean.js
similarity index 96%
rename from assets/documentation_controls_progress_loading.md.TMU_P3Rw.lean.js
rename to assets/documentation_controls_progress_loading.md.t8ClkFEo.lean.js
index 04a275556..ec5942b20 100644
--- a/assets/documentation_controls_progress_loading.md.TMU_P3Rw.lean.js
+++ b/assets/documentation_controls_progress_loading.md.t8ClkFEo.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/loading.B04oCQSH.js";import{_ as o,c as t,a2 as i,o as s}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/loading.md","filePath":"documentation/controls/progress/loading.md"}'),r={name:"documentation/controls/progress/loading.md"};function l(n,a,d,h,p,c){return s(),t("div",null,a[0]||(a[0]=[i('<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>Loading Indicator</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p>',9)]))}const k=o(r,[["render",l]]);export{u as __pageData,k as default};
+import{_ as e}from"./chunks/loading.B04oCQSH.js";import{_ as o,c as t,a2 as i,o as s}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/loading.md","filePath":"documentation/controls/progress/loading.md"}'),r={name:"documentation/controls/progress/loading.md"};function l(n,a,d,h,p,c){return s(),t("div",null,a[0]||(a[0]=[i('<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>Loading Indicator</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+e+'" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p>',9)]))}const k=o(r,[["render",l]]);export{u as __pageData,k as default};
diff --git a/assets/documentation_controls_progress_progressbar.md.DfnklRar.js b/assets/documentation_controls_progress_progressbar.md.BtY0dHpo.js
similarity index 97%
rename from assets/documentation_controls_progress_progressbar.md.DfnklRar.js
rename to assets/documentation_controls_progress_progressbar.md.BtY0dHpo.js
index 6f76a974b..64efe407a 100644
--- a/assets/documentation_controls_progress_progressbar.md.DfnklRar.js
+++ b/assets/documentation_controls_progress_progressbar.md.BtY0dHpo.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/progressbar.DYes4aMl.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.Ckp7d4B5.js";const m=JSON.parse('{"title":"ProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/progressbar.md","filePath":"documentation/controls/progress/progressbar.md"}'),o={name:"documentation/controls/progress/progressbar.md"};function n(l,s,h,p,d,k){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="400px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p>',8)]))}const u=e(o,[["render",n]]);export{m as __pageData,u as default};
+import{_ as a}from"./chunks/progressbar.DYes4aMl.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.CoCfjAIq.js";const m=JSON.parse('{"title":"ProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/progressbar.md","filePath":"documentation/controls/progress/progressbar.md"}'),o={name:"documentation/controls/progress/progressbar.md"};function n(l,s,h,p,d,k){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="400px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p>',8)]))}const u=e(o,[["render",n]]);export{m as __pageData,u as default};
diff --git a/assets/documentation_controls_progress_progressbar.md.DfnklRar.lean.js b/assets/documentation_controls_progress_progressbar.md.BtY0dHpo.lean.js
similarity index 97%
rename from assets/documentation_controls_progress_progressbar.md.DfnklRar.lean.js
rename to assets/documentation_controls_progress_progressbar.md.BtY0dHpo.lean.js
index 6f76a974b..64efe407a 100644
--- a/assets/documentation_controls_progress_progressbar.md.DfnklRar.lean.js
+++ b/assets/documentation_controls_progress_progressbar.md.BtY0dHpo.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/progressbar.DYes4aMl.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.Ckp7d4B5.js";const m=JSON.parse('{"title":"ProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/progressbar.md","filePath":"documentation/controls/progress/progressbar.md"}'),o={name:"documentation/controls/progress/progressbar.md"};function n(l,s,h,p,d,k){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="400px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p>',8)]))}const u=e(o,[["render",n]]);export{m as __pageData,u as default};
+import{_ as a}from"./chunks/progressbar.DYes4aMl.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.CoCfjAIq.js";const m=JSON.parse('{"title":"ProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/progressbar.md","filePath":"documentation/controls/progress/progressbar.md"}'),o={name:"documentation/controls/progress/progressbar.md"};function n(l,s,h,p,d,k){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+'" height="300px" width="400px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p>',8)]))}const u=e(o,[["render",n]]);export{m as __pageData,u as default};
diff --git a/assets/documentation_controls_progress_stepper.md.BXZYLela.js b/assets/documentation_controls_progress_stepper.md.Dp65mxfS.js
similarity index 97%
rename from assets/documentation_controls_progress_stepper.md.BXZYLela.js
rename to assets/documentation_controls_progress_stepper.md.Dp65mxfS.js
index fea4fa8d7..d1432d3f7 100644
--- a/assets/documentation_controls_progress_stepper.md.BXZYLela.js
+++ b/assets/documentation_controls_progress_stepper.md.Dp65mxfS.js
@@ -1,3 +1,3 @@
-import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Stepper","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/stepper.md","filePath":"documentation/controls/progress/stepper.md"}'),l={name:"documentation/controls/progress/stepper.md"};function h(n,s,p,r,k,o){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>A bar that guides users through the steps of a task</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="usage" tabindex="-1">Usage <a class="header-anchor" href="#usage" aria-label="Permalink to &quot;Usage&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Stepper","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/stepper.md","filePath":"documentation/controls/progress/stepper.md"}'),l={name:"documentation/controls/progress/stepper.md"};function h(n,s,p,r,k,o){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>A bar that guides users through the steps of a task</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="usage" tabindex="-1">Usage <a class="header-anchor" href="#usage" aria-label="Permalink to &quot;Usage&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">public</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> IEnumerable</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Steps { get; } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                           [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;First Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Second Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Third Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="alternative-style" tabindex="-1">Alternative Style <a class="header-anchor" href="#alternative-style" aria-label="Permalink to &quot;Alternative Style&quot;">​</a></h2><img src="https://sleekshot.app/api/download/siVzTBuU6zhn"><h3 id="axaml-1" tabindex="-1">Axaml <a class="header-anchor" href="#axaml-1" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AlternativeStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Stepper.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Stepper.axaml.cs</a></p>`,15)]))}const E=a(l,[["render",h]]);export{g as __pageData,E as default};
diff --git a/assets/documentation_controls_progress_stepper.md.BXZYLela.lean.js b/assets/documentation_controls_progress_stepper.md.Dp65mxfS.lean.js
similarity index 97%
rename from assets/documentation_controls_progress_stepper.md.BXZYLela.lean.js
rename to assets/documentation_controls_progress_stepper.md.Dp65mxfS.lean.js
index fea4fa8d7..d1432d3f7 100644
--- a/assets/documentation_controls_progress_stepper.md.BXZYLela.lean.js
+++ b/assets/documentation_controls_progress_stepper.md.Dp65mxfS.lean.js
@@ -1,3 +1,3 @@
-import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Stepper","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/stepper.md","filePath":"documentation/controls/progress/stepper.md"}'),l={name:"documentation/controls/progress/stepper.md"};function h(n,s,p,r,k,o){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>A bar that guides users through the steps of a task</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="usage" tabindex="-1">Usage <a class="header-anchor" href="#usage" aria-label="Permalink to &quot;Usage&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Stepper","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/stepper.md","filePath":"documentation/controls/progress/stepper.md"}'),l={name:"documentation/controls/progress/stepper.md"};function h(n,s,p,r,k,o){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>A bar that guides users through the steps of a task</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="usage" tabindex="-1">Usage <a class="header-anchor" href="#usage" aria-label="Permalink to &quot;Usage&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">public</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> IEnumerable</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Steps { get; } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                           [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;First Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Second Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Third Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="alternative-style" tabindex="-1">Alternative Style <a class="header-anchor" href="#alternative-style" aria-label="Permalink to &quot;Alternative Style&quot;">​</a></h2><img src="https://sleekshot.app/api/download/siVzTBuU6zhn"><h3 id="axaml-1" tabindex="-1">Axaml <a class="header-anchor" href="#axaml-1" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AlternativeStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Stepper.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Stepper.axaml.cs</a></p>`,15)]))}const E=a(l,[["render",h]]);export{g as __pageData,E as default};
diff --git a/assets/documentation_controls_progress_waveprogress.md.CPxJjBOZ.js b/assets/documentation_controls_progress_waveprogress.md.DTCp8k9m.js
similarity index 97%
rename from assets/documentation_controls_progress_waveprogress.md.CPxJjBOZ.js
rename to assets/documentation_controls_progress_waveprogress.md.DTCp8k9m.js
index 5d76a40fc..d10a28cdd 100644
--- a/assets/documentation_controls_progress_waveprogress.md.CPxJjBOZ.js
+++ b/assets/documentation_controls_progress_waveprogress.md.DTCp8k9m.js
@@ -1,3 +1,3 @@
-import{_ as a}from"./chunks/waveprogress.BziSuxVY.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.Ckp7d4B5.js";const m=JSON.parse('{"title":"WaveProgress","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/waveprogress.md","filePath":"documentation/controls/progress/waveprogress.md"}'),o={name:"documentation/controls/progress/waveprogress.md"};function l(n,s,h,p,k,d){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>Progress Controls with Wave Animation</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as a}from"./chunks/waveprogress.BziSuxVY.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.CoCfjAIq.js";const m=JSON.parse('{"title":"WaveProgress","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/waveprogress.md","filePath":"documentation/controls/progress/waveprogress.md"}'),o={name:"documentation/controls/progress/waveprogress.md"};function l(n,s,h,p,k,d){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>Progress Controls with Wave Animation</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsTextVisible</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // Display the percentage or not</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/WaveProgress.axaml.cs" target="_blank" rel="noreferrer">API: Controls/WaveProgress.axaml.cs</a></p>`,9)]))}const u=e(o,[["render",l]]);export{m as __pageData,u as default};
diff --git a/assets/documentation_controls_progress_waveprogress.md.CPxJjBOZ.lean.js b/assets/documentation_controls_progress_waveprogress.md.DTCp8k9m.lean.js
similarity index 97%
rename from assets/documentation_controls_progress_waveprogress.md.CPxJjBOZ.lean.js
rename to assets/documentation_controls_progress_waveprogress.md.DTCp8k9m.lean.js
index 5d76a40fc..d10a28cdd 100644
--- a/assets/documentation_controls_progress_waveprogress.md.CPxJjBOZ.lean.js
+++ b/assets/documentation_controls_progress_waveprogress.md.DTCp8k9m.lean.js
@@ -1,3 +1,3 @@
-import{_ as a}from"./chunks/waveprogress.BziSuxVY.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.Ckp7d4B5.js";const m=JSON.parse('{"title":"WaveProgress","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/waveprogress.md","filePath":"documentation/controls/progress/waveprogress.md"}'),o={name:"documentation/controls/progress/waveprogress.md"};function l(n,s,h,p,k,d){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>Progress Controls with Wave Animation</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as a}from"./chunks/waveprogress.BziSuxVY.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.CoCfjAIq.js";const m=JSON.parse('{"title":"WaveProgress","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/progress/waveprogress.md","filePath":"documentation/controls/progress/waveprogress.md"}'),o={name:"documentation/controls/progress/waveprogress.md"};function l(n,s,h,p,k,d){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>Progress Controls with Wave Animation</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsTextVisible</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // Display the percentage or not</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/WaveProgress.axaml.cs" target="_blank" rel="noreferrer">API: Controls/WaveProgress.axaml.cs</a></p>`,9)]))}const u=e(o,[["render",l]]);export{m as __pageData,u as default};
diff --git a/assets/documentation_controls_system_filepicker.md.BjnywONc.js b/assets/documentation_controls_system_filepicker.md.Cp1byn_4.js
similarity index 84%
rename from assets/documentation_controls_system_filepicker.md.BjnywONc.js
rename to assets/documentation_controls_system_filepicker.md.Cp1byn_4.js
index 70ef21392..3c24ddb75 100644
--- a/assets/documentation_controls_system_filepicker.md.BjnywONc.js
+++ b/assets/documentation_controls_system_filepicker.md.Cp1byn_4.js
@@ -1 +1 @@
-import{_ as e,c as t,o}from"./chunks/framework.Ckp7d4B5.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/system/filepicker.md","filePath":"documentation/controls/system/filepicker.md"}'),c={name:"documentation/controls/system/filepicker.md"};function r(s,n,a,i,m,p){return o(),t("div")}const f=e(c,[["render",r]]);export{d as __pageData,f as default};
+import{_ as e,c as t,o}from"./chunks/framework.CoCfjAIq.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/system/filepicker.md","filePath":"documentation/controls/system/filepicker.md"}'),c={name:"documentation/controls/system/filepicker.md"};function r(s,n,a,i,m,p){return o(),t("div")}const f=e(c,[["render",r]]);export{d as __pageData,f as default};
diff --git a/assets/documentation_controls_system_filepicker.md.BjnywONc.lean.js b/assets/documentation_controls_system_filepicker.md.Cp1byn_4.lean.js
similarity index 84%
rename from assets/documentation_controls_system_filepicker.md.BjnywONc.lean.js
rename to assets/documentation_controls_system_filepicker.md.Cp1byn_4.lean.js
index 70ef21392..3c24ddb75 100644
--- a/assets/documentation_controls_system_filepicker.md.BjnywONc.lean.js
+++ b/assets/documentation_controls_system_filepicker.md.Cp1byn_4.lean.js
@@ -1 +1 @@
-import{_ as e,c as t,o}from"./chunks/framework.Ckp7d4B5.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/system/filepicker.md","filePath":"documentation/controls/system/filepicker.md"}'),c={name:"documentation/controls/system/filepicker.md"};function r(s,n,a,i,m,p){return o(),t("div")}const f=e(c,[["render",r]]);export{d as __pageData,f as default};
+import{_ as e,c as t,o}from"./chunks/framework.CoCfjAIq.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/controls/system/filepicker.md","filePath":"documentation/controls/system/filepicker.md"}'),c={name:"documentation/controls/system/filepicker.md"};function r(s,n,a,i,m,p){return o(),t("div")}const f=e(c,[["render",r]]);export{d as __pageData,f as default};
diff --git a/assets/documentation_faq_custom-font.md.BjfHpI-f.js b/assets/documentation_faq_custom-font.md.3FvTz3gh.js
similarity index 98%
rename from assets/documentation_faq_custom-font.md.BjfHpI-f.js
rename to assets/documentation_faq_custom-font.md.3FvTz3gh.js
index 11e1f7132..e6720be0b 100644
--- a/assets/documentation_faq_custom-font.md.BjfHpI-f.js
+++ b/assets/documentation_faq_custom-font.md.3FvTz3gh.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"How to use Custom Font","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/faq/custom-font.md","filePath":"documentation/faq/custom-font.md"}'),l={name:"documentation/faq/custom-font.md"};function h(p,s,k,e,E,o){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="how-to-use-custom-font" tabindex="-1">How to use Custom Font <a class="header-anchor" href="#how-to-use-custom-font" aria-label="Permalink to &quot;How to use Custom Font&quot;">​</a></h1><p>Here is the <code>App.axaml</code> after creating your SukiUI project:</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"How to use Custom Font","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/faq/custom-font.md","filePath":"documentation/faq/custom-font.md"}'),l={name:"documentation/faq/custom-font.md"};function h(p,s,k,e,E,o){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="how-to-use-custom-font" tabindex="-1">How to use Custom Font <a class="header-anchor" href="#how-to-use-custom-font" aria-label="Permalink to &quot;How to use Custom Font&quot;">​</a></h1><p>Here is the <code>App.axaml</code> after creating your SukiUI project:</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:x</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             x:Class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;SukiTest.App&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;using:SukiTest&quot;</span></span>
diff --git a/assets/documentation_faq_custom-font.md.BjfHpI-f.lean.js b/assets/documentation_faq_custom-font.md.3FvTz3gh.lean.js
similarity index 98%
rename from assets/documentation_faq_custom-font.md.BjfHpI-f.lean.js
rename to assets/documentation_faq_custom-font.md.3FvTz3gh.lean.js
index 11e1f7132..e6720be0b 100644
--- a/assets/documentation_faq_custom-font.md.BjfHpI-f.lean.js
+++ b/assets/documentation_faq_custom-font.md.3FvTz3gh.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"How to use Custom Font","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/faq/custom-font.md","filePath":"documentation/faq/custom-font.md"}'),l={name:"documentation/faq/custom-font.md"};function h(p,s,k,e,E,o){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="how-to-use-custom-font" tabindex="-1">How to use Custom Font <a class="header-anchor" href="#how-to-use-custom-font" aria-label="Permalink to &quot;How to use Custom Font&quot;">​</a></h1><p>Here is the <code>App.axaml</code> after creating your SukiUI project:</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"How to use Custom Font","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/faq/custom-font.md","filePath":"documentation/faq/custom-font.md"}'),l={name:"documentation/faq/custom-font.md"};function h(p,s,k,e,E,o){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="how-to-use-custom-font" tabindex="-1">How to use Custom Font <a class="header-anchor" href="#how-to-use-custom-font" aria-label="Permalink to &quot;How to use Custom Font&quot;">​</a></h1><p>Here is the <code>App.axaml</code> after creating your SukiUI project:</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:x</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             x:Class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;SukiTest.App&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;using:SukiTest&quot;</span></span>
diff --git a/assets/documentation_getting-started_installation.md.kDGA3Lfu.js b/assets/documentation_getting-started_installation.md.BGkOGXN5.js
similarity index 98%
rename from assets/documentation_getting-started_installation.md.kDGA3Lfu.js
rename to assets/documentation_getting-started_installation.md.BGkOGXN5.js
index a97b23739..90ab65a85 100644
--- a/assets/documentation_getting-started_installation.md.kDGA3Lfu.js
+++ b/assets/documentation_getting-started_installation.md.BGkOGXN5.js
@@ -1 +1 @@
-import{_ as a,a as e,b as i,c as l,d as o}from"./chunks/introduction-final-package-list.aT7fuA6M.js";import{_ as s,c as r,a2 as n,o as c}from"./chunks/framework.Ckp7d4B5.js";const v=JSON.parse('{"title":"Installation","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/installation.md","filePath":"documentation/getting-started/installation.md"}'),p={name:"documentation/getting-started/installation.md"};function d(u,t,h,m,k,g){return c(),r("div",null,t[0]||(t[0]=[n('<h1 id="installation" tabindex="-1">Installation <a class="header-anchor" href="#installation" aria-label="Permalink to &quot;Installation&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>When this page was written, the latest Avalonia version was <code>11.2.0-beta1</code> with SukiUI version <code>6.0.0-beta8</code></p></div><p>SukiUI can be installed in two ways:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>Recommended</strong></li><li>CI Artifacts from <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a></li></ul><h2 id="prepare-your-application" tabindex="-1">Prepare your application <a class="header-anchor" href="#prepare-your-application" aria-label="Permalink to &quot;Prepare your application&quot;">​</a></h2><p>The following picture shows packages already installed with the default <code>Avalonia Template</code>:</p><p><img src="'+a+'" alt="" title="default package list"></p><p>In these packages, <code>Avalonia.Themes.Fluent</code> will no longer be necessary and can be removed.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>About <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">Set up an editor</a></p></div><h2 id="install-latest-sukiui-package" tabindex="-1">Install latest SukiUI package <a class="header-anchor" href="#install-latest-sukiui-package" aria-label="Permalink to &quot;Install latest SukiUI package&quot;">​</a></h2><p>The Nuget installation is suitable for most users, but if you want to use the latest build, you can download the dll from Github Action after the automatic build.</p><h3 id="via-nuget" tabindex="-1">Via Nuget <a class="header-anchor" href="#via-nuget" aria-label="Permalink to &quot;Via Nuget&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><p>You&#39;re done !</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Visit <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> for more information</p></div><h3 id="via-github-action" tabindex="-1">Via Github Action <a class="header-anchor" href="#via-github-action" aria-label="Permalink to &quot;Via Github Action&quot;">​</a></h3><details><summary>Github Action Guide</summary><ol><li><p>Visit <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>Select the latest workflow <img src="'+e+'" alt="" title="workflow"></p></li><li><p>Download the artifact <img src="'+i+'" alt="" title="artifact"></p></li><li><p>Add reference <img src="'+l+'" alt="" title="reference"></p></li><li><p>Select <code>SukiUI.dll</code> you downloaded</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>The package list should be:</p><p><img src="'+o+'" alt="" title="package list"></p></div></details>',17)]))}const w=s(p,[["render",d]]);export{v as __pageData,w as default};
+import{_ as a,a as e,b as i,c as l,d as o}from"./chunks/introduction-final-package-list.aT7fuA6M.js";import{_ as s,c as r,a2 as n,o as c}from"./chunks/framework.CoCfjAIq.js";const v=JSON.parse('{"title":"Installation","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/installation.md","filePath":"documentation/getting-started/installation.md"}'),p={name:"documentation/getting-started/installation.md"};function d(u,t,h,m,k,g){return c(),r("div",null,t[0]||(t[0]=[n('<h1 id="installation" tabindex="-1">Installation <a class="header-anchor" href="#installation" aria-label="Permalink to &quot;Installation&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>When this page was written, the latest Avalonia version was <code>11.2.0-beta1</code> with SukiUI version <code>6.0.0-beta8</code></p></div><p>SukiUI can be installed in two ways:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>Recommended</strong></li><li>CI Artifacts from <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a></li></ul><h2 id="prepare-your-application" tabindex="-1">Prepare your application <a class="header-anchor" href="#prepare-your-application" aria-label="Permalink to &quot;Prepare your application&quot;">​</a></h2><p>The following picture shows packages already installed with the default <code>Avalonia Template</code>:</p><p><img src="'+a+'" alt="" title="default package list"></p><p>In these packages, <code>Avalonia.Themes.Fluent</code> will no longer be necessary and can be removed.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>About <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">Set up an editor</a></p></div><h2 id="install-latest-sukiui-package" tabindex="-1">Install latest SukiUI package <a class="header-anchor" href="#install-latest-sukiui-package" aria-label="Permalink to &quot;Install latest SukiUI package&quot;">​</a></h2><p>The Nuget installation is suitable for most users, but if you want to use the latest build, you can download the dll from Github Action after the automatic build.</p><h3 id="via-nuget" tabindex="-1">Via Nuget <a class="header-anchor" href="#via-nuget" aria-label="Permalink to &quot;Via Nuget&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><p>You&#39;re done !</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Visit <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> for more information</p></div><h3 id="via-github-action" tabindex="-1">Via Github Action <a class="header-anchor" href="#via-github-action" aria-label="Permalink to &quot;Via Github Action&quot;">​</a></h3><details><summary>Github Action Guide</summary><ol><li><p>Visit <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>Select the latest workflow <img src="'+e+'" alt="" title="workflow"></p></li><li><p>Download the artifact <img src="'+i+'" alt="" title="artifact"></p></li><li><p>Add reference <img src="'+l+'" alt="" title="reference"></p></li><li><p>Select <code>SukiUI.dll</code> you downloaded</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>The package list should be:</p><p><img src="'+o+'" alt="" title="package list"></p></div></details>',17)]))}const w=s(p,[["render",d]]);export{v as __pageData,w as default};
diff --git a/assets/documentation_getting-started_installation.md.kDGA3Lfu.lean.js b/assets/documentation_getting-started_installation.md.BGkOGXN5.lean.js
similarity index 98%
rename from assets/documentation_getting-started_installation.md.kDGA3Lfu.lean.js
rename to assets/documentation_getting-started_installation.md.BGkOGXN5.lean.js
index a97b23739..90ab65a85 100644
--- a/assets/documentation_getting-started_installation.md.kDGA3Lfu.lean.js
+++ b/assets/documentation_getting-started_installation.md.BGkOGXN5.lean.js
@@ -1 +1 @@
-import{_ as a,a as e,b as i,c as l,d as o}from"./chunks/introduction-final-package-list.aT7fuA6M.js";import{_ as s,c as r,a2 as n,o as c}from"./chunks/framework.Ckp7d4B5.js";const v=JSON.parse('{"title":"Installation","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/installation.md","filePath":"documentation/getting-started/installation.md"}'),p={name:"documentation/getting-started/installation.md"};function d(u,t,h,m,k,g){return c(),r("div",null,t[0]||(t[0]=[n('<h1 id="installation" tabindex="-1">Installation <a class="header-anchor" href="#installation" aria-label="Permalink to &quot;Installation&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>When this page was written, the latest Avalonia version was <code>11.2.0-beta1</code> with SukiUI version <code>6.0.0-beta8</code></p></div><p>SukiUI can be installed in two ways:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>Recommended</strong></li><li>CI Artifacts from <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a></li></ul><h2 id="prepare-your-application" tabindex="-1">Prepare your application <a class="header-anchor" href="#prepare-your-application" aria-label="Permalink to &quot;Prepare your application&quot;">​</a></h2><p>The following picture shows packages already installed with the default <code>Avalonia Template</code>:</p><p><img src="'+a+'" alt="" title="default package list"></p><p>In these packages, <code>Avalonia.Themes.Fluent</code> will no longer be necessary and can be removed.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>About <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">Set up an editor</a></p></div><h2 id="install-latest-sukiui-package" tabindex="-1">Install latest SukiUI package <a class="header-anchor" href="#install-latest-sukiui-package" aria-label="Permalink to &quot;Install latest SukiUI package&quot;">​</a></h2><p>The Nuget installation is suitable for most users, but if you want to use the latest build, you can download the dll from Github Action after the automatic build.</p><h3 id="via-nuget" tabindex="-1">Via Nuget <a class="header-anchor" href="#via-nuget" aria-label="Permalink to &quot;Via Nuget&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><p>You&#39;re done !</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Visit <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> for more information</p></div><h3 id="via-github-action" tabindex="-1">Via Github Action <a class="header-anchor" href="#via-github-action" aria-label="Permalink to &quot;Via Github Action&quot;">​</a></h3><details><summary>Github Action Guide</summary><ol><li><p>Visit <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>Select the latest workflow <img src="'+e+'" alt="" title="workflow"></p></li><li><p>Download the artifact <img src="'+i+'" alt="" title="artifact"></p></li><li><p>Add reference <img src="'+l+'" alt="" title="reference"></p></li><li><p>Select <code>SukiUI.dll</code> you downloaded</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>The package list should be:</p><p><img src="'+o+'" alt="" title="package list"></p></div></details>',17)]))}const w=s(p,[["render",d]]);export{v as __pageData,w as default};
+import{_ as a,a as e,b as i,c as l,d as o}from"./chunks/introduction-final-package-list.aT7fuA6M.js";import{_ as s,c as r,a2 as n,o as c}from"./chunks/framework.CoCfjAIq.js";const v=JSON.parse('{"title":"Installation","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/installation.md","filePath":"documentation/getting-started/installation.md"}'),p={name:"documentation/getting-started/installation.md"};function d(u,t,h,m,k,g){return c(),r("div",null,t[0]||(t[0]=[n('<h1 id="installation" tabindex="-1">Installation <a class="header-anchor" href="#installation" aria-label="Permalink to &quot;Installation&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>When this page was written, the latest Avalonia version was <code>11.2.0-beta1</code> with SukiUI version <code>6.0.0-beta8</code></p></div><p>SukiUI can be installed in two ways:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>Recommended</strong></li><li>CI Artifacts from <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a></li></ul><h2 id="prepare-your-application" tabindex="-1">Prepare your application <a class="header-anchor" href="#prepare-your-application" aria-label="Permalink to &quot;Prepare your application&quot;">​</a></h2><p>The following picture shows packages already installed with the default <code>Avalonia Template</code>:</p><p><img src="'+a+'" alt="" title="default package list"></p><p>In these packages, <code>Avalonia.Themes.Fluent</code> will no longer be necessary and can be removed.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>About <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">Set up an editor</a></p></div><h2 id="install-latest-sukiui-package" tabindex="-1">Install latest SukiUI package <a class="header-anchor" href="#install-latest-sukiui-package" aria-label="Permalink to &quot;Install latest SukiUI package&quot;">​</a></h2><p>The Nuget installation is suitable for most users, but if you want to use the latest build, you can download the dll from Github Action after the automatic build.</p><h3 id="via-nuget" tabindex="-1">Via Nuget <a class="header-anchor" href="#via-nuget" aria-label="Permalink to &quot;Via Nuget&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><p>You&#39;re done !</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Visit <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> for more information</p></div><h3 id="via-github-action" tabindex="-1">Via Github Action <a class="header-anchor" href="#via-github-action" aria-label="Permalink to &quot;Via Github Action&quot;">​</a></h3><details><summary>Github Action Guide</summary><ol><li><p>Visit <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>Select the latest workflow <img src="'+e+'" alt="" title="workflow"></p></li><li><p>Download the artifact <img src="'+i+'" alt="" title="artifact"></p></li><li><p>Add reference <img src="'+l+'" alt="" title="reference"></p></li><li><p>Select <code>SukiUI.dll</code> you downloaded</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>The package list should be:</p><p><img src="'+o+'" alt="" title="package list"></p></div></details>',17)]))}const w=s(p,[["render",d]]);export{v as __pageData,w as default};
diff --git a/assets/documentation_getting-started_introduction.md.CSdMaYse.js b/assets/documentation_getting-started_introduction.md.C7P2kwsZ.js
similarity index 96%
rename from assets/documentation_getting-started_introduction.md.CSdMaYse.js
rename to assets/documentation_getting-started_introduction.md.C7P2kwsZ.js
index c231b5cd9..00bb4c5f0 100644
--- a/assets/documentation_getting-started_introduction.md.CSdMaYse.js
+++ b/assets/documentation_getting-started_introduction.md.C7P2kwsZ.js
@@ -1,2 +1,2 @@
-import{_ as e,c as a,a2 as i,o}from"./chunks/framework.Ckp7d4B5.js";const m=JSON.parse('{"title":"Introduction","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/introduction.md","filePath":"documentation/getting-started/introduction.md"}'),r={name:"documentation/getting-started/introduction.md"};function s(n,t,l,d,c,u){return o(),a("div",null,t[0]||(t[0]=[i(`<h1 id="introduction" tabindex="-1">Introduction <a class="header-anchor" href="#introduction" aria-label="Permalink to &quot;Introduction&quot;">​</a></h1><p><strong>SukiUI</strong> makes your Avalonia applications more modern. The library offers a large number of animated controls and theme switches.</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
+import{_ as e,c as a,a2 as i,o}from"./chunks/framework.CoCfjAIq.js";const m=JSON.parse('{"title":"Introduction","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/introduction.md","filePath":"documentation/getting-started/introduction.md"}'),r={name:"documentation/getting-started/introduction.md"};function s(n,t,l,d,c,u){return o(),a("div",null,t[0]||(t[0]=[i(`<h1 id="introduction" tabindex="-1">Introduction <a class="header-anchor" href="#introduction" aria-label="Permalink to &quot;Introduction&quot;">​</a></h1><p><strong>SukiUI</strong> makes your Avalonia applications more modern. The library offers a large number of animated controls and theme switches.</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
 ?style=for-the-badge"><a href="https://www.nuget.org/packages/SukiUI"><img src="https://img.shields.io/nuget/vpre/SukiUI?style=for-the-badge" alt="Nuget Pre"></a></div><p><img src="https://github.com/user-attachments/assets/00622266-dbb8-4c05-8d1f-782483f4ca14" alt="overview"></p><h2 id="gallery" tabindex="-1">Gallery <a class="header-anchor" href="#gallery" aria-label="Permalink to &quot;Gallery&quot;">​</a></h2><p>Go to Microsoft Store to get the Gallary app</p><a href="https://apps.microsoft.com/detail/9NM01BJ6JTTF?hl=en-us&amp;gl=US"><img src="https://get.microsoft.com/images/en-us%20dark.svg" width="200" alt="Download SukiUI Controls Gallery"></a>`,7)]))}const g=e(r,[["render",s]]);export{m as __pageData,g as default};
diff --git a/assets/documentation_getting-started_introduction.md.CSdMaYse.lean.js b/assets/documentation_getting-started_introduction.md.C7P2kwsZ.lean.js
similarity index 96%
rename from assets/documentation_getting-started_introduction.md.CSdMaYse.lean.js
rename to assets/documentation_getting-started_introduction.md.C7P2kwsZ.lean.js
index c231b5cd9..00bb4c5f0 100644
--- a/assets/documentation_getting-started_introduction.md.CSdMaYse.lean.js
+++ b/assets/documentation_getting-started_introduction.md.C7P2kwsZ.lean.js
@@ -1,2 +1,2 @@
-import{_ as e,c as a,a2 as i,o}from"./chunks/framework.Ckp7d4B5.js";const m=JSON.parse('{"title":"Introduction","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/introduction.md","filePath":"documentation/getting-started/introduction.md"}'),r={name:"documentation/getting-started/introduction.md"};function s(n,t,l,d,c,u){return o(),a("div",null,t[0]||(t[0]=[i(`<h1 id="introduction" tabindex="-1">Introduction <a class="header-anchor" href="#introduction" aria-label="Permalink to &quot;Introduction&quot;">​</a></h1><p><strong>SukiUI</strong> makes your Avalonia applications more modern. The library offers a large number of animated controls and theme switches.</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
+import{_ as e,c as a,a2 as i,o}from"./chunks/framework.CoCfjAIq.js";const m=JSON.parse('{"title":"Introduction","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/introduction.md","filePath":"documentation/getting-started/introduction.md"}'),r={name:"documentation/getting-started/introduction.md"};function s(n,t,l,d,c,u){return o(),a("div",null,t[0]||(t[0]=[i(`<h1 id="introduction" tabindex="-1">Introduction <a class="header-anchor" href="#introduction" aria-label="Permalink to &quot;Introduction&quot;">​</a></h1><p><strong>SukiUI</strong> makes your Avalonia applications more modern. The library offers a large number of animated controls and theme switches.</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
 ?style=for-the-badge"><a href="https://www.nuget.org/packages/SukiUI"><img src="https://img.shields.io/nuget/vpre/SukiUI?style=for-the-badge" alt="Nuget Pre"></a></div><p><img src="https://github.com/user-attachments/assets/00622266-dbb8-4c05-8d1f-782483f4ca14" alt="overview"></p><h2 id="gallery" tabindex="-1">Gallery <a class="header-anchor" href="#gallery" aria-label="Permalink to &quot;Gallery&quot;">​</a></h2><p>Go to Microsoft Store to get the Gallary app</p><a href="https://apps.microsoft.com/detail/9NM01BJ6JTTF?hl=en-us&amp;gl=US"><img src="https://get.microsoft.com/images/en-us%20dark.svg" width="200" alt="Download SukiUI Controls Gallery"></a>`,7)]))}const g=e(r,[["render",s]]);export{m as __pageData,g as default};
diff --git a/assets/documentation_getting-started_launch.md.jmgT-pLt.js b/assets/documentation_getting-started_launch.md.SDnswIiC.js
similarity index 99%
rename from assets/documentation_getting-started_launch.md.jmgT-pLt.js
rename to assets/documentation_getting-started_launch.md.SDnswIiC.js
index 4aebe45d3..51042dbad 100644
--- a/assets/documentation_getting-started_launch.md.jmgT-pLt.js
+++ b/assets/documentation_getting-started_launch.md.SDnswIiC.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"Launch","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/launch.md","filePath":"documentation/getting-started/launch.md"}'),l={name:"documentation/getting-started/launch.md"};function e(h,s,p,k,o,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="launch" tabindex="-1">Launch <a class="header-anchor" href="#launch" aria-label="Permalink to &quot;Launch&quot;">​</a></h1><h2 id="modify-your-app-axaml" tabindex="-1">Modify your App.axaml <a class="header-anchor" href="#modify-your-app-axaml" aria-label="Permalink to &quot;Modify your App.axaml&quot;">​</a></h2><p>Include SukiUI styles in your <code>App.axaml</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
+import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"Launch","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/launch.md","filePath":"documentation/getting-started/launch.md"}'),l={name:"documentation/getting-started/launch.md"};function e(h,s,p,k,o,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="launch" tabindex="-1">Launch <a class="header-anchor" href="#launch" aria-label="Permalink to &quot;Launch&quot;">​</a></h1><h2 id="modify-your-app-axaml" tabindex="-1">Modify your App.axaml <a class="header-anchor" href="#modify-your-app-axaml" aria-label="Permalink to &quot;Modify your App.axaml&quot;">​</a></h2><p>Include SukiUI styles in your <code>App.axaml</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    ...</span></span>
 <span class="line highlighted"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    xmlns:sukiUi</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;clr-namespace:SukiUI;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &gt;</span></span>
diff --git a/assets/documentation_getting-started_launch.md.jmgT-pLt.lean.js b/assets/documentation_getting-started_launch.md.SDnswIiC.lean.js
similarity index 99%
rename from assets/documentation_getting-started_launch.md.jmgT-pLt.lean.js
rename to assets/documentation_getting-started_launch.md.SDnswIiC.lean.js
index 4aebe45d3..51042dbad 100644
--- a/assets/documentation_getting-started_launch.md.jmgT-pLt.lean.js
+++ b/assets/documentation_getting-started_launch.md.SDnswIiC.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"Launch","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/launch.md","filePath":"documentation/getting-started/launch.md"}'),l={name:"documentation/getting-started/launch.md"};function e(h,s,p,k,o,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="launch" tabindex="-1">Launch <a class="header-anchor" href="#launch" aria-label="Permalink to &quot;Launch&quot;">​</a></h1><h2 id="modify-your-app-axaml" tabindex="-1">Modify your App.axaml <a class="header-anchor" href="#modify-your-app-axaml" aria-label="Permalink to &quot;Modify your App.axaml&quot;">​</a></h2><p>Include SukiUI styles in your <code>App.axaml</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
+import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"Launch","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/getting-started/launch.md","filePath":"documentation/getting-started/launch.md"}'),l={name:"documentation/getting-started/launch.md"};function e(h,s,p,k,o,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="launch" tabindex="-1">Launch <a class="header-anchor" href="#launch" aria-label="Permalink to &quot;Launch&quot;">​</a></h1><h2 id="modify-your-app-axaml" tabindex="-1">Modify your App.axaml <a class="header-anchor" href="#modify-your-app-axaml" aria-label="Permalink to &quot;Modify your App.axaml&quot;">​</a></h2><p>Include SukiUI styles in your <code>App.axaml</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    ...</span></span>
 <span class="line highlighted"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    xmlns:sukiUi</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;clr-namespace:SukiUI;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &gt;</span></span>
diff --git a/assets/documentation_hosts_dialog.md.QzgAXyXO.js b/assets/documentation_hosts_dialog.md.DCHoz3_r.js
similarity index 99%
rename from assets/documentation_hosts_dialog.md.QzgAXyXO.js
rename to assets/documentation_hosts_dialog.md.DCHoz3_r.js
index 803acbb2f..0b1d55967 100644
--- a/assets/documentation_hosts_dialog.md.QzgAXyXO.js
+++ b/assets/documentation_hosts_dialog.md.DCHoz3_r.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Dialogs","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/dialog.md","filePath":"documentation/hosts/dialog.md"}'),e={name:"documentation/hosts/dialog.md"};function l(h,s,p,k,d,o){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display dialogs easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however dialogs can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiDialogManager</code> instance used for a given <code>SukiDialogHost</code> you can display dialogs in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
+import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Dialogs","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/dialog.md","filePath":"documentation/hosts/dialog.md"}'),e={name:"documentation/hosts/dialog.md"};function l(h,s,p,k,d,o){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display dialogs easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however dialogs can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiDialogManager</code> instance used for a given <code>SukiDialogHost</code> you can display dialogs in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiDialogHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding DialogManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
diff --git a/assets/documentation_hosts_dialog.md.QzgAXyXO.lean.js b/assets/documentation_hosts_dialog.md.DCHoz3_r.lean.js
similarity index 99%
rename from assets/documentation_hosts_dialog.md.QzgAXyXO.lean.js
rename to assets/documentation_hosts_dialog.md.DCHoz3_r.lean.js
index 803acbb2f..0b1d55967 100644
--- a/assets/documentation_hosts_dialog.md.QzgAXyXO.lean.js
+++ b/assets/documentation_hosts_dialog.md.DCHoz3_r.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Dialogs","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/dialog.md","filePath":"documentation/hosts/dialog.md"}'),e={name:"documentation/hosts/dialog.md"};function l(h,s,p,k,d,o){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display dialogs easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however dialogs can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiDialogManager</code> instance used for a given <code>SukiDialogHost</code> you can display dialogs in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
+import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Dialogs","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/dialog.md","filePath":"documentation/hosts/dialog.md"}'),e={name:"documentation/hosts/dialog.md"};function l(h,s,p,k,d,o){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display dialogs easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however dialogs can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiDialogManager</code> instance used for a given <code>SukiDialogHost</code> you can display dialogs in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiDialogHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding DialogManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
diff --git a/assets/documentation_hosts_hosts.md.q3MqfPNp.js b/assets/documentation_hosts_hosts.md.CqO9D7Jh.js
similarity index 95%
rename from assets/documentation_hosts_hosts.md.q3MqfPNp.js
rename to assets/documentation_hosts_hosts.md.CqO9D7Jh.js
index 5e63d1932..55c4510f9 100644
--- a/assets/documentation_hosts_hosts.md.q3MqfPNp.js
+++ b/assets/documentation_hosts_hosts.md.CqO9D7Jh.js
@@ -1,4 +1,4 @@
-import{_ as i,c as t,a2 as a,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Hosts","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/hosts.md","filePath":"documentation/hosts/hosts.md"}'),n={name:"documentation/hosts/hosts.md"};function o(l,s,h,p,d,r){return e(),t("div",null,s[0]||(s[0]=[a(`<h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI provides a property in <code>SukiWindow</code> that allows you to render any arbitrary control or content above all others, including the title bar.</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
+import{_ as i,c as t,a2 as a,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Hosts","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/hosts.md","filePath":"documentation/hosts/hosts.md"}'),n={name:"documentation/hosts/hosts.md"};function o(l,s,h,p,d,r){return e(),t("div",null,s[0]||(s[0]=[a(`<h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI provides a property in <code>SukiWindow</code> that allows you to render any arbitrary control or content above all others, including the title bar.</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">		&lt;!-- Your hosts here --&gt;</span></span>
diff --git a/assets/documentation_hosts_hosts.md.q3MqfPNp.lean.js b/assets/documentation_hosts_hosts.md.CqO9D7Jh.lean.js
similarity index 95%
rename from assets/documentation_hosts_hosts.md.q3MqfPNp.lean.js
rename to assets/documentation_hosts_hosts.md.CqO9D7Jh.lean.js
index 5e63d1932..55c4510f9 100644
--- a/assets/documentation_hosts_hosts.md.q3MqfPNp.lean.js
+++ b/assets/documentation_hosts_hosts.md.CqO9D7Jh.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as t,a2 as a,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Hosts","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/hosts.md","filePath":"documentation/hosts/hosts.md"}'),n={name:"documentation/hosts/hosts.md"};function o(l,s,h,p,d,r){return e(),t("div",null,s[0]||(s[0]=[a(`<h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI provides a property in <code>SukiWindow</code> that allows you to render any arbitrary control or content above all others, including the title bar.</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
+import{_ as i,c as t,a2 as a,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Hosts","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/hosts.md","filePath":"documentation/hosts/hosts.md"}'),n={name:"documentation/hosts/hosts.md"};function o(l,s,h,p,d,r){return e(),t("div",null,s[0]||(s[0]=[a(`<h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI provides a property in <code>SukiWindow</code> that allows you to render any arbitrary control or content above all others, including the title bar.</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">		&lt;!-- Your hosts here --&gt;</span></span>
diff --git a/assets/documentation_hosts_toast.md.DdRHvUH_.js b/assets/documentation_hosts_toast.md.9xC1dbU-.js
similarity index 99%
rename from assets/documentation_hosts_toast.md.DdRHvUH_.js
rename to assets/documentation_hosts_toast.md.9xC1dbU-.js
index 64a0b6dc4..3db49573e 100644
--- a/assets/documentation_hosts_toast.md.DdRHvUH_.js
+++ b/assets/documentation_hosts_toast.md.9xC1dbU-.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const o=JSON.parse('{"title":"Toasts","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/toast.md","filePath":"documentation/hosts/toast.md"}'),h={name:"documentation/hosts/toast.md"};function l(e,s,p,k,E,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display toasts easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however toasts can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiToastManager</code> instance used for a given <code>SukiToastHost</code> you can display toasts in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
+import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const o=JSON.parse('{"title":"Toasts","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/toast.md","filePath":"documentation/hosts/toast.md"}'),h={name:"documentation/hosts/toast.md"};function l(e,s,p,k,E,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display toasts easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however toasts can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiToastManager</code> instance used for a given <code>SukiToastHost</code> you can display toasts in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiToastHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ToastManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
diff --git a/assets/documentation_hosts_toast.md.DdRHvUH_.lean.js b/assets/documentation_hosts_toast.md.9xC1dbU-.lean.js
similarity index 99%
rename from assets/documentation_hosts_toast.md.DdRHvUH_.lean.js
rename to assets/documentation_hosts_toast.md.9xC1dbU-.lean.js
index 64a0b6dc4..3db49573e 100644
--- a/assets/documentation_hosts_toast.md.DdRHvUH_.lean.js
+++ b/assets/documentation_hosts_toast.md.9xC1dbU-.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const o=JSON.parse('{"title":"Toasts","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/toast.md","filePath":"documentation/hosts/toast.md"}'),h={name:"documentation/hosts/toast.md"};function l(e,s,p,k,E,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display toasts easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however toasts can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiToastManager</code> instance used for a given <code>SukiToastHost</code> you can display toasts in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
+import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const o=JSON.parse('{"title":"Toasts","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/hosts/toast.md","filePath":"documentation/hosts/toast.md"}'),h={name:"documentation/hosts/toast.md"};function l(e,s,p,k,E,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display toasts easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however toasts can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiToastManager</code> instance used for a given <code>SukiToastHost</code> you can display toasts in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiToastHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ToastManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
diff --git a/assets/documentation_index.md.AyBFukAJ.js b/assets/documentation_index.md.DKuGNyZt.js
similarity index 92%
rename from assets/documentation_index.md.AyBFukAJ.js
rename to assets/documentation_index.md.DKuGNyZt.js
index a2fd612eb..ac3e07a63 100644
--- a/assets/documentation_index.md.AyBFukAJ.js
+++ b/assets/documentation_index.md.DKuGNyZt.js
@@ -1 +1 @@
-import{_ as a,c as n,j as e,a as t,o as i}from"./chunks/framework.Ckp7d4B5.js";const h=JSON.parse('{"title":"Documentation","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/index.md","filePath":"documentation/index.md"}'),r={name:"documentation/index.md"};function s(c,o,d,u,m,l){return i(),n("div",null,o[0]||(o[0]=[e("h1",{id:"documentation",tabindex:"-1"},[t("Documentation "),e("a",{class:"header-anchor",href:"#documentation","aria-label":'Permalink to "Documentation"'},"​")],-1),e("p",null,"Welcome to SukiUI's documentation site, where you can jump to related pages in the sidebar.",-1),e("p",null,[t("Feel free to submit "),e("a",{href:"https://github.com/kikipoulet/SukiUI/issues/new/choose",target:"_blank",rel:"noreferrer"},"Github Issue"),t(" for this document!")],-1)]))}const f=a(r,[["render",s]]);export{h as __pageData,f as default};
+import{_ as a,c as n,j as e,a as t,o as i}from"./chunks/framework.CoCfjAIq.js";const h=JSON.parse('{"title":"Documentation","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/index.md","filePath":"documentation/index.md"}'),r={name:"documentation/index.md"};function s(c,o,d,u,m,l){return i(),n("div",null,o[0]||(o[0]=[e("h1",{id:"documentation",tabindex:"-1"},[t("Documentation "),e("a",{class:"header-anchor",href:"#documentation","aria-label":'Permalink to "Documentation"'},"​")],-1),e("p",null,"Welcome to SukiUI's documentation site, where you can jump to related pages in the sidebar.",-1),e("p",null,[t("Feel free to submit "),e("a",{href:"https://github.com/kikipoulet/SukiUI/issues/new/choose",target:"_blank",rel:"noreferrer"},"Github Issue"),t(" for this document!")],-1)]))}const f=a(r,[["render",s]]);export{h as __pageData,f as default};
diff --git a/assets/documentation_index.md.AyBFukAJ.lean.js b/assets/documentation_index.md.DKuGNyZt.lean.js
similarity index 92%
rename from assets/documentation_index.md.AyBFukAJ.lean.js
rename to assets/documentation_index.md.DKuGNyZt.lean.js
index a2fd612eb..ac3e07a63 100644
--- a/assets/documentation_index.md.AyBFukAJ.lean.js
+++ b/assets/documentation_index.md.DKuGNyZt.lean.js
@@ -1 +1 @@
-import{_ as a,c as n,j as e,a as t,o as i}from"./chunks/framework.Ckp7d4B5.js";const h=JSON.parse('{"title":"Documentation","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/index.md","filePath":"documentation/index.md"}'),r={name:"documentation/index.md"};function s(c,o,d,u,m,l){return i(),n("div",null,o[0]||(o[0]=[e("h1",{id:"documentation",tabindex:"-1"},[t("Documentation "),e("a",{class:"header-anchor",href:"#documentation","aria-label":'Permalink to "Documentation"'},"​")],-1),e("p",null,"Welcome to SukiUI's documentation site, where you can jump to related pages in the sidebar.",-1),e("p",null,[t("Feel free to submit "),e("a",{href:"https://github.com/kikipoulet/SukiUI/issues/new/choose",target:"_blank",rel:"noreferrer"},"Github Issue"),t(" for this document!")],-1)]))}const f=a(r,[["render",s]]);export{h as __pageData,f as default};
+import{_ as a,c as n,j as e,a as t,o as i}from"./chunks/framework.CoCfjAIq.js";const h=JSON.parse('{"title":"Documentation","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/index.md","filePath":"documentation/index.md"}'),r={name:"documentation/index.md"};function s(c,o,d,u,m,l){return i(),n("div",null,o[0]||(o[0]=[e("h1",{id:"documentation",tabindex:"-1"},[t("Documentation "),e("a",{class:"header-anchor",href:"#documentation","aria-label":'Permalink to "Documentation"'},"​")],-1),e("p",null,"Welcome to SukiUI's documentation site, where you can jump to related pages in the sidebar.",-1),e("p",null,[t("Feel free to submit "),e("a",{href:"https://github.com/kikipoulet/SukiUI/issues/new/choose",target:"_blank",rel:"noreferrer"},"Github Issue"),t(" for this document!")],-1)]))}const f=a(r,[["render",s]]);export{h as __pageData,f as default};
diff --git a/assets/documentation_style_color.md.DBxrca67.js b/assets/documentation_style_color.md.BCo6u_r2.js
similarity index 83%
rename from assets/documentation_style_color.md.DBxrca67.js
rename to assets/documentation_style_color.md.BCo6u_r2.js
index 59db50104..2d70c6b1e 100644
--- a/assets/documentation_style_color.md.DBxrca67.js
+++ b/assets/documentation_style_color.md.BCo6u_r2.js
@@ -1 +1 @@
-import{_ as t,c as e,o}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/color.md","filePath":"documentation/style/color.md"}'),a={name:"documentation/style/color.md"};function c(r,n,s,l,d,i){return o(),e("div")}const _=t(a,[["render",c]]);export{p as __pageData,_ as default};
+import{_ as t,c as e,o}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/color.md","filePath":"documentation/style/color.md"}'),a={name:"documentation/style/color.md"};function c(r,n,s,l,d,i){return o(),e("div")}const _=t(a,[["render",c]]);export{p as __pageData,_ as default};
diff --git a/assets/documentation_style_color.md.DBxrca67.lean.js b/assets/documentation_style_color.md.BCo6u_r2.lean.js
similarity index 83%
rename from assets/documentation_style_color.md.DBxrca67.lean.js
rename to assets/documentation_style_color.md.BCo6u_r2.lean.js
index 59db50104..2d70c6b1e 100644
--- a/assets/documentation_style_color.md.DBxrca67.lean.js
+++ b/assets/documentation_style_color.md.BCo6u_r2.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,o}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/color.md","filePath":"documentation/style/color.md"}'),a={name:"documentation/style/color.md"};function c(r,n,s,l,d,i){return o(),e("div")}const _=t(a,[["render",c]]);export{p as __pageData,_ as default};
+import{_ as t,c as e,o}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/color.md","filePath":"documentation/style/color.md"}'),a={name:"documentation/style/color.md"};function c(r,n,s,l,d,i){return o(),e("div")}const _=t(a,[["render",c]]);export{p as __pageData,_ as default};
diff --git a/assets/documentation_style_icon.md.CKzwYrqb.js b/assets/documentation_style_icon.md.DjC2vRh-.js
similarity index 83%
rename from assets/documentation_style_icon.md.CKzwYrqb.js
rename to assets/documentation_style_icon.md.DjC2vRh-.js
index 5e676a97d..e07e91e61 100644
--- a/assets/documentation_style_icon.md.CKzwYrqb.js
+++ b/assets/documentation_style_icon.md.DjC2vRh-.js
@@ -1 +1 @@
-import{_ as t,c as e,o}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/icon.md","filePath":"documentation/style/icon.md"}'),n={name:"documentation/style/icon.md"};function a(c,s,r,i,d,m){return o(),e("div")}const l=t(n,[["render",a]]);export{_ as __pageData,l as default};
+import{_ as t,c as e,o}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/icon.md","filePath":"documentation/style/icon.md"}'),n={name:"documentation/style/icon.md"};function a(c,s,r,i,d,m){return o(),e("div")}const l=t(n,[["render",a]]);export{_ as __pageData,l as default};
diff --git a/assets/documentation_style_icon.md.CKzwYrqb.lean.js b/assets/documentation_style_icon.md.DjC2vRh-.lean.js
similarity index 83%
rename from assets/documentation_style_icon.md.CKzwYrqb.lean.js
rename to assets/documentation_style_icon.md.DjC2vRh-.lean.js
index 5e676a97d..e07e91e61 100644
--- a/assets/documentation_style_icon.md.CKzwYrqb.lean.js
+++ b/assets/documentation_style_icon.md.DjC2vRh-.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,o}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/icon.md","filePath":"documentation/style/icon.md"}'),n={name:"documentation/style/icon.md"};function a(c,s,r,i,d,m){return o(),e("div")}const l=t(n,[["render",a]]);export{_ as __pageData,l as default};
+import{_ as t,c as e,o}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/icon.md","filePath":"documentation/style/icon.md"}'),n={name:"documentation/style/icon.md"};function a(c,s,r,i,d,m){return o(),e("div")}const l=t(n,[["render",a]]);export{_ as __pageData,l as default};
diff --git a/assets/documentation_style_text.md.CpAujoqS.js b/assets/documentation_style_text.md.BaXRSajy.js
similarity index 83%
rename from assets/documentation_style_text.md.CpAujoqS.js
rename to assets/documentation_style_text.md.BaXRSajy.js
index a4c91420a..9758dafb2 100644
--- a/assets/documentation_style_text.md.CpAujoqS.js
+++ b/assets/documentation_style_text.md.BaXRSajy.js
@@ -1 +1 @@
-import{_ as t,c as e,o as a}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/text.md","filePath":"documentation/style/text.md"}'),o={name:"documentation/style/text.md"};function n(s,c,r,d,i,m){return a(),e("div")}const l=t(o,[["render",n]]);export{_ as __pageData,l as default};
+import{_ as t,c as e,o as a}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/text.md","filePath":"documentation/style/text.md"}'),o={name:"documentation/style/text.md"};function n(s,c,r,d,i,m){return a(),e("div")}const l=t(o,[["render",n]]);export{_ as __pageData,l as default};
diff --git a/assets/documentation_style_text.md.CpAujoqS.lean.js b/assets/documentation_style_text.md.BaXRSajy.lean.js
similarity index 83%
rename from assets/documentation_style_text.md.CpAujoqS.lean.js
rename to assets/documentation_style_text.md.BaXRSajy.lean.js
index a4c91420a..9758dafb2 100644
--- a/assets/documentation_style_text.md.CpAujoqS.lean.js
+++ b/assets/documentation_style_text.md.BaXRSajy.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,o as a}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/text.md","filePath":"documentation/style/text.md"}'),o={name:"documentation/style/text.md"};function n(s,c,r,d,i,m){return a(),e("div")}const l=t(o,[["render",n]]);export{_ as __pageData,l as default};
+import{_ as t,c as e,o as a}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/style/text.md","filePath":"documentation/style/text.md"}'),o={name:"documentation/style/text.md"};function n(s,c,r,d,i,m){return a(),e("div")}const l=t(o,[["render",n]]);export{_ as __pageData,l as default};
diff --git a/assets/documentation_theming_basic.md.BSauNxdM.js b/assets/documentation_theming_basic.md.CUCv0vqm.js
similarity index 90%
rename from assets/documentation_theming_basic.md.BSauNxdM.js
rename to assets/documentation_theming_basic.md.CUCv0vqm.js
index 76a0deabb..165aa5746 100644
--- a/assets/documentation_theming_basic.md.BSauNxdM.js
+++ b/assets/documentation_theming_basic.md.CUCv0vqm.js
@@ -1 +1 @@
-import{_ as e,c as i,a2 as s,o as t}from"./chunks/framework.Ckp7d4B5.js";const k=JSON.parse('{"title":"Basic","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/basic.md","filePath":"documentation/theming/basic.md"}'),n={name:"documentation/theming/basic.md"};function h(p,a,c,o,l,r){return t(),i("div",null,a[0]||(a[0]=[s('<h1 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h1><p>SukiUI provide a <code>SukiTheme</code> class that permits to easily manipulate the theming of your app easily.</p><p>Get the SukiTheme Instance:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div>',4)]))}const m=e(n,[["render",h]]);export{k as __pageData,m as default};
+import{_ as e,c as i,a2 as s,o as t}from"./chunks/framework.CoCfjAIq.js";const k=JSON.parse('{"title":"Basic","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/basic.md","filePath":"documentation/theming/basic.md"}'),n={name:"documentation/theming/basic.md"};function h(p,a,c,o,l,r){return t(),i("div",null,a[0]||(a[0]=[s('<h1 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h1><p>SukiUI provide a <code>SukiTheme</code> class that permits to easily manipulate the theming of your app easily.</p><p>Get the SukiTheme Instance:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div>',4)]))}const m=e(n,[["render",h]]);export{k as __pageData,m as default};
diff --git a/assets/documentation_theming_basic.md.BSauNxdM.lean.js b/assets/documentation_theming_basic.md.CUCv0vqm.lean.js
similarity index 90%
rename from assets/documentation_theming_basic.md.BSauNxdM.lean.js
rename to assets/documentation_theming_basic.md.CUCv0vqm.lean.js
index 76a0deabb..165aa5746 100644
--- a/assets/documentation_theming_basic.md.BSauNxdM.lean.js
+++ b/assets/documentation_theming_basic.md.CUCv0vqm.lean.js
@@ -1 +1 @@
-import{_ as e,c as i,a2 as s,o as t}from"./chunks/framework.Ckp7d4B5.js";const k=JSON.parse('{"title":"Basic","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/basic.md","filePath":"documentation/theming/basic.md"}'),n={name:"documentation/theming/basic.md"};function h(p,a,c,o,l,r){return t(),i("div",null,a[0]||(a[0]=[s('<h1 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h1><p>SukiUI provide a <code>SukiTheme</code> class that permits to easily manipulate the theming of your app easily.</p><p>Get the SukiTheme Instance:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div>',4)]))}const m=e(n,[["render",h]]);export{k as __pageData,m as default};
+import{_ as e,c as i,a2 as s,o as t}from"./chunks/framework.CoCfjAIq.js";const k=JSON.parse('{"title":"Basic","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/basic.md","filePath":"documentation/theming/basic.md"}'),n={name:"documentation/theming/basic.md"};function h(p,a,c,o,l,r){return t(),i("div",null,a[0]||(a[0]=[s('<h1 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h1><p>SukiUI provide a <code>SukiTheme</code> class that permits to easily manipulate the theming of your app easily.</p><p>Get the SukiTheme Instance:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div>',4)]))}const m=e(n,[["render",h]]);export{k as __pageData,m as default};
diff --git a/assets/documentation_theming_theme-color.md.B5XYDWLv.js b/assets/documentation_theming_theme-color.md.Db-C0foH.js
similarity index 97%
rename from assets/documentation_theming_theme-color.md.B5XYDWLv.js
rename to assets/documentation_theming_theme-color.md.Db-C0foH.js
index a4f219d0b..3f3a548ed 100644
--- a/assets/documentation_theming_theme-color.md.B5XYDWLv.js
+++ b/assets/documentation_theming_theme-color.md.Db-C0foH.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const d=JSON.parse('{"title":"Color","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/theme-color.md","filePath":"documentation/theming/theme-color.md"}'),h={name:"documentation/theming/theme-color.md"};function n(l,s,o,p,r,k){return t(),a("div",null,s[0]||(s[0]=[e(`<h1 id="color" tabindex="-1">Color <a class="header-anchor" href="#color" aria-label="Permalink to &quot;Color&quot;">​</a></h1><p><code>SukiTheme</code> allows app to switch color themes easily</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="switch-between-available-color-theme" tabindex="-1">Switch between available Color Theme <a class="header-anchor" href="#switch-between-available-color-theme" aria-label="Permalink to &quot;Switch between available Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="switch-to-a-specific-color-theme" tabindex="-1">Switch to a specific Color Theme <a class="header-anchor" href="#switch-to-a-specific-color-theme" aria-label="Permalink to &quot;Switch to a specific Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="create-a-custom-color-theme-register-it-and-switch-to-it" tabindex="-1">Create a Custom Color Theme, register it and switch to it <a class="header-anchor" href="#create-a-custom-color-theme-register-it-and-switch-to-it" aria-label="Permalink to &quot;Create a Custom Color Theme, register it and switch to it&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
+import{_ as i,c as a,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const d=JSON.parse('{"title":"Color","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/theme-color.md","filePath":"documentation/theming/theme-color.md"}'),h={name:"documentation/theming/theme-color.md"};function n(l,s,o,p,r,k){return t(),a("div",null,s[0]||(s[0]=[e(`<h1 id="color" tabindex="-1">Color <a class="header-anchor" href="#color" aria-label="Permalink to &quot;Color&quot;">​</a></h1><p><code>SukiTheme</code> allows app to switch color themes easily</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="switch-between-available-color-theme" tabindex="-1">Switch between available Color Theme <a class="header-anchor" href="#switch-between-available-color-theme" aria-label="Permalink to &quot;Switch between available Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="switch-to-a-specific-color-theme" tabindex="-1">Switch to a specific Color Theme <a class="header-anchor" href="#switch-to-a-specific-color-theme" aria-label="Permalink to &quot;Switch to a specific Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="create-a-custom-color-theme-register-it-and-switch-to-it" tabindex="-1">Create a Custom Color Theme, register it and switch to it <a class="header-anchor" href="#create-a-custom-color-theme-register-it-and-switch-to-it" aria-label="Permalink to &quot;Create a Custom Color Theme, register it and switch to it&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AddColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span></code></pre></div><h2 id="colorchanged-event" tabindex="-1">ColorChanged Event <a class="header-anchor" href="#colorchanged-event" aria-label="Permalink to &quot;ColorChanged Event&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnColorThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
diff --git a/assets/documentation_theming_theme-color.md.B5XYDWLv.lean.js b/assets/documentation_theming_theme-color.md.Db-C0foH.lean.js
similarity index 97%
rename from assets/documentation_theming_theme-color.md.B5XYDWLv.lean.js
rename to assets/documentation_theming_theme-color.md.Db-C0foH.lean.js
index a4f219d0b..3f3a548ed 100644
--- a/assets/documentation_theming_theme-color.md.B5XYDWLv.lean.js
+++ b/assets/documentation_theming_theme-color.md.Db-C0foH.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const d=JSON.parse('{"title":"Color","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/theme-color.md","filePath":"documentation/theming/theme-color.md"}'),h={name:"documentation/theming/theme-color.md"};function n(l,s,o,p,r,k){return t(),a("div",null,s[0]||(s[0]=[e(`<h1 id="color" tabindex="-1">Color <a class="header-anchor" href="#color" aria-label="Permalink to &quot;Color&quot;">​</a></h1><p><code>SukiTheme</code> allows app to switch color themes easily</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="switch-between-available-color-theme" tabindex="-1">Switch between available Color Theme <a class="header-anchor" href="#switch-between-available-color-theme" aria-label="Permalink to &quot;Switch between available Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="switch-to-a-specific-color-theme" tabindex="-1">Switch to a specific Color Theme <a class="header-anchor" href="#switch-to-a-specific-color-theme" aria-label="Permalink to &quot;Switch to a specific Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="create-a-custom-color-theme-register-it-and-switch-to-it" tabindex="-1">Create a Custom Color Theme, register it and switch to it <a class="header-anchor" href="#create-a-custom-color-theme-register-it-and-switch-to-it" aria-label="Permalink to &quot;Create a Custom Color Theme, register it and switch to it&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
+import{_ as i,c as a,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const d=JSON.parse('{"title":"Color","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/theme-color.md","filePath":"documentation/theming/theme-color.md"}'),h={name:"documentation/theming/theme-color.md"};function n(l,s,o,p,r,k){return t(),a("div",null,s[0]||(s[0]=[e(`<h1 id="color" tabindex="-1">Color <a class="header-anchor" href="#color" aria-label="Permalink to &quot;Color&quot;">​</a></h1><p><code>SukiTheme</code> allows app to switch color themes easily</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="switch-between-available-color-theme" tabindex="-1">Switch between available Color Theme <a class="header-anchor" href="#switch-between-available-color-theme" aria-label="Permalink to &quot;Switch between available Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="switch-to-a-specific-color-theme" tabindex="-1">Switch to a specific Color Theme <a class="header-anchor" href="#switch-to-a-specific-color-theme" aria-label="Permalink to &quot;Switch to a specific Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="create-a-custom-color-theme-register-it-and-switch-to-it" tabindex="-1">Create a Custom Color Theme, register it and switch to it <a class="header-anchor" href="#create-a-custom-color-theme-register-it-and-switch-to-it" aria-label="Permalink to &quot;Create a Custom Color Theme, register it and switch to it&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AddColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span></code></pre></div><h2 id="colorchanged-event" tabindex="-1">ColorChanged Event <a class="header-anchor" href="#colorchanged-event" aria-label="Permalink to &quot;ColorChanged Event&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnColorThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
diff --git a/assets/documentation_theming_theme.md.D0NLecPp.js b/assets/documentation_theming_theme.md.B5IOppXO.js
similarity index 97%
rename from assets/documentation_theming_theme.md.D0NLecPp.js
rename to assets/documentation_theming_theme.md.B5IOppXO.js
index 71927ca5f..c72e143a6 100644
--- a/assets/documentation_theming_theme.md.D0NLecPp.js
+++ b/assets/documentation_theming_theme.md.B5IOppXO.js
@@ -1,4 +1,4 @@
-import{_ as e,c as s,a2 as i,o as t}from"./chunks/framework.Ckp7d4B5.js";const o=JSON.parse('{"title":"Light & Dark","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/theme.md","filePath":"documentation/theming/theme.md"}'),h={name:"documentation/theming/theme.md"};function n(l,a,r,p,d,k){return t(),s("div",null,a[0]||(a[0]=[i(`<h1 id="light-dark" tabindex="-1">Light &amp; Dark <a class="header-anchor" href="#light-dark" aria-label="Permalink to &quot;Light &amp; Dark&quot;">​</a></h1><p>SukiUI use the <a href="https://docs.avaloniaui.net/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">Theme Variant</a> system provided by <code>AvaloniaUI</code>.</p><p>However, the SukiTheme class provide a wrapper to change Light/Dark theme.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark" tabindex="-1">Dark <a class="header-anchor" href="#dark" aria-label="Permalink to &quot;Dark&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="light" tabindex="-1">Light <a class="header-anchor" href="#light" aria-label="Permalink to &quot;Light&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="switch-to-dark-theme" tabindex="-1">Switch to Dark Theme <a class="header-anchor" href="#switch-to-dark-theme" aria-label="Permalink to &quot;Switch to Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="switch-to-light-theme" tabindex="-1">Switch to Light Theme <a class="header-anchor" href="#switch-to-light-theme" aria-label="Permalink to &quot;Switch to Light Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="switch-between-light-dark-theme" tabindex="-1">Switch between Light/Dark Theme <a class="header-anchor" href="#switch-between-light-dark-theme" aria-label="Permalink to &quot;Switch between Light/Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-event" tabindex="-1">ThemeChanged Event <a class="header-anchor" href="#themechanged-event" aria-label="Permalink to &quot;ThemeChanged Event&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
+import{_ as e,c as s,a2 as i,o as t}from"./chunks/framework.CoCfjAIq.js";const o=JSON.parse('{"title":"Light & Dark","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/theme.md","filePath":"documentation/theming/theme.md"}'),h={name:"documentation/theming/theme.md"};function n(l,a,r,p,d,k){return t(),s("div",null,a[0]||(a[0]=[i(`<h1 id="light-dark" tabindex="-1">Light &amp; Dark <a class="header-anchor" href="#light-dark" aria-label="Permalink to &quot;Light &amp; Dark&quot;">​</a></h1><p>SukiUI use the <a href="https://docs.avaloniaui.net/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">Theme Variant</a> system provided by <code>AvaloniaUI</code>.</p><p>However, the SukiTheme class provide a wrapper to change Light/Dark theme.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark" tabindex="-1">Dark <a class="header-anchor" href="#dark" aria-label="Permalink to &quot;Dark&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="light" tabindex="-1">Light <a class="header-anchor" href="#light" aria-label="Permalink to &quot;Light&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="switch-to-dark-theme" tabindex="-1">Switch to Dark Theme <a class="header-anchor" href="#switch-to-dark-theme" aria-label="Permalink to &quot;Switch to Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="switch-to-light-theme" tabindex="-1">Switch to Light Theme <a class="header-anchor" href="#switch-to-light-theme" aria-label="Permalink to &quot;Switch to Light Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="switch-between-light-dark-theme" tabindex="-1">Switch between Light/Dark Theme <a class="header-anchor" href="#switch-between-light-dark-theme" aria-label="Permalink to &quot;Switch between Light/Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-event" tabindex="-1">ThemeChanged Event <a class="header-anchor" href="#themechanged-event" aria-label="Permalink to &quot;ThemeChanged Event&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    Console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WriteLine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Theme changed triggered !&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div>`,16)]))}const g=e(h,[["render",n]]);export{o as __pageData,g as default};
diff --git a/assets/documentation_theming_theme.md.D0NLecPp.lean.js b/assets/documentation_theming_theme.md.B5IOppXO.lean.js
similarity index 97%
rename from assets/documentation_theming_theme.md.D0NLecPp.lean.js
rename to assets/documentation_theming_theme.md.B5IOppXO.lean.js
index 71927ca5f..c72e143a6 100644
--- a/assets/documentation_theming_theme.md.D0NLecPp.lean.js
+++ b/assets/documentation_theming_theme.md.B5IOppXO.lean.js
@@ -1,4 +1,4 @@
-import{_ as e,c as s,a2 as i,o as t}from"./chunks/framework.Ckp7d4B5.js";const o=JSON.parse('{"title":"Light & Dark","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/theme.md","filePath":"documentation/theming/theme.md"}'),h={name:"documentation/theming/theme.md"};function n(l,a,r,p,d,k){return t(),s("div",null,a[0]||(a[0]=[i(`<h1 id="light-dark" tabindex="-1">Light &amp; Dark <a class="header-anchor" href="#light-dark" aria-label="Permalink to &quot;Light &amp; Dark&quot;">​</a></h1><p>SukiUI use the <a href="https://docs.avaloniaui.net/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">Theme Variant</a> system provided by <code>AvaloniaUI</code>.</p><p>However, the SukiTheme class provide a wrapper to change Light/Dark theme.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark" tabindex="-1">Dark <a class="header-anchor" href="#dark" aria-label="Permalink to &quot;Dark&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="light" tabindex="-1">Light <a class="header-anchor" href="#light" aria-label="Permalink to &quot;Light&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="switch-to-dark-theme" tabindex="-1">Switch to Dark Theme <a class="header-anchor" href="#switch-to-dark-theme" aria-label="Permalink to &quot;Switch to Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="switch-to-light-theme" tabindex="-1">Switch to Light Theme <a class="header-anchor" href="#switch-to-light-theme" aria-label="Permalink to &quot;Switch to Light Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="switch-between-light-dark-theme" tabindex="-1">Switch between Light/Dark Theme <a class="header-anchor" href="#switch-between-light-dark-theme" aria-label="Permalink to &quot;Switch between Light/Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-event" tabindex="-1">ThemeChanged Event <a class="header-anchor" href="#themechanged-event" aria-label="Permalink to &quot;ThemeChanged Event&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
+import{_ as e,c as s,a2 as i,o as t}from"./chunks/framework.CoCfjAIq.js";const o=JSON.parse('{"title":"Light & Dark","description":"","frontmatter":{},"headers":[],"relativePath":"documentation/theming/theme.md","filePath":"documentation/theming/theme.md"}'),h={name:"documentation/theming/theme.md"};function n(l,a,r,p,d,k){return t(),s("div",null,a[0]||(a[0]=[i(`<h1 id="light-dark" tabindex="-1">Light &amp; Dark <a class="header-anchor" href="#light-dark" aria-label="Permalink to &quot;Light &amp; Dark&quot;">​</a></h1><p>SukiUI use the <a href="https://docs.avaloniaui.net/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">Theme Variant</a> system provided by <code>AvaloniaUI</code>.</p><p>However, the SukiTheme class provide a wrapper to change Light/Dark theme.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark" tabindex="-1">Dark <a class="header-anchor" href="#dark" aria-label="Permalink to &quot;Dark&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="light" tabindex="-1">Light <a class="header-anchor" href="#light" aria-label="Permalink to &quot;Light&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="switch-to-dark-theme" tabindex="-1">Switch to Dark Theme <a class="header-anchor" href="#switch-to-dark-theme" aria-label="Permalink to &quot;Switch to Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="switch-to-light-theme" tabindex="-1">Switch to Light Theme <a class="header-anchor" href="#switch-to-light-theme" aria-label="Permalink to &quot;Switch to Light Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="switch-between-light-dark-theme" tabindex="-1">Switch between Light/Dark Theme <a class="header-anchor" href="#switch-between-light-dark-theme" aria-label="Permalink to &quot;Switch between Light/Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-event" tabindex="-1">ThemeChanged Event <a class="header-anchor" href="#themechanged-event" aria-label="Permalink to &quot;ThemeChanged Event&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    Console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WriteLine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Theme changed triggered !&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div>`,16)]))}const g=e(h,[["render",n]]);export{o as __pageData,g as default};
diff --git a/assets/index.md.DONymsuU.js b/assets/index.md.DWZK2KlF.js
similarity index 94%
rename from assets/index.md.DONymsuU.js
rename to assets/index.md.DWZK2KlF.js
index 26272f852..eea349507 100644
--- a/assets/index.md.DONymsuU.js
+++ b/assets/index.md.DWZK2KlF.js
@@ -1 +1 @@
-import{_ as t,c as e,o as i}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SukiUI","text":"A Desktop UI Library for Avalonia","tagline":"Flat, Simple, Animated","actions":[{"theme":"brand","text":"🚀 Get Started","link":"/documentation/getting-started/introduction"},{"theme":"alt","text":"📄 Documentation","link":"/documentation"}],"image":{"src":"./suki.webp","alt":"SukiUILogo"}},"features":[{"title":"🔧 Flexible Theme Customization","details":"Support seamless switching themes and colors to align with your app's identity."},{"title":"🎞️ Rich Animation","details":"Captivate users with dynamic, fluid animations that make interactions delightful."},{"title":"🖥️ Desktop Cross-platform","details":"Based on AvaloniaUI, achieve broad compatibility with consistent performance on Windows, macOS, and Linux."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}`),a={name:"index.md"};function n(o,s,r,d,l,c){return i(),e("div")}const u=t(a,[["render",n]]);export{p as __pageData,u as default};
+import{_ as t,c as e,o as i}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SukiUI","text":"A Desktop UI Library for Avalonia","tagline":"Flat, Simple, Animated","actions":[{"theme":"brand","text":"🚀 Get Started","link":"/documentation/getting-started/introduction"},{"theme":"alt","text":"📄 Documentation","link":"/documentation"}],"image":{"src":"./suki.webp","alt":"SukiUILogo"}},"features":[{"title":"🔧 Flexible Theme Customization","details":"Support seamless switching themes and colors to align with your app's identity."},{"title":"🎞️ Rich Animation","details":"Captivate users with dynamic, fluid animations that make interactions delightful."},{"title":"🖥️ Desktop Cross-platform","details":"Based on AvaloniaUI, achieve broad compatibility with consistent performance on Windows, macOS, and Linux."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}`),a={name:"index.md"};function n(o,s,r,d,l,c){return i(),e("div")}const u=t(a,[["render",n]]);export{p as __pageData,u as default};
diff --git a/assets/index.md.DONymsuU.lean.js b/assets/index.md.DWZK2KlF.lean.js
similarity index 94%
rename from assets/index.md.DONymsuU.lean.js
rename to assets/index.md.DWZK2KlF.lean.js
index 26272f852..eea349507 100644
--- a/assets/index.md.DONymsuU.lean.js
+++ b/assets/index.md.DWZK2KlF.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,o as i}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SukiUI","text":"A Desktop UI Library for Avalonia","tagline":"Flat, Simple, Animated","actions":[{"theme":"brand","text":"🚀 Get Started","link":"/documentation/getting-started/introduction"},{"theme":"alt","text":"📄 Documentation","link":"/documentation"}],"image":{"src":"./suki.webp","alt":"SukiUILogo"}},"features":[{"title":"🔧 Flexible Theme Customization","details":"Support seamless switching themes and colors to align with your app's identity."},{"title":"🎞️ Rich Animation","details":"Captivate users with dynamic, fluid animations that make interactions delightful."},{"title":"🖥️ Desktop Cross-platform","details":"Based on AvaloniaUI, achieve broad compatibility with consistent performance on Windows, macOS, and Linux."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}`),a={name:"index.md"};function n(o,s,r,d,l,c){return i(),e("div")}const u=t(a,[["render",n]]);export{p as __pageData,u as default};
+import{_ as t,c as e,o as i}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SukiUI","text":"A Desktop UI Library for Avalonia","tagline":"Flat, Simple, Animated","actions":[{"theme":"brand","text":"🚀 Get Started","link":"/documentation/getting-started/introduction"},{"theme":"alt","text":"📄 Documentation","link":"/documentation"}],"image":{"src":"./suki.webp","alt":"SukiUILogo"}},"features":[{"title":"🔧 Flexible Theme Customization","details":"Support seamless switching themes and colors to align with your app's identity."},{"title":"🎞️ Rich Animation","details":"Captivate users with dynamic, fluid animations that make interactions delightful."},{"title":"🖥️ Desktop Cross-platform","details":"Based on AvaloniaUI, achieve broad compatibility with consistent performance on Windows, macOS, and Linux."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}`),a={name:"index.md"};function n(o,s,r,d,l,c){return i(),e("div")}const u=t(a,[["render",n]]);export{p as __pageData,u as default};
diff --git a/assets/markdown-examples.md.CQhwVfPS.js b/assets/markdown-examples.md.BB-hYbnM.js
similarity index 98%
rename from assets/markdown-examples.md.CQhwVfPS.js
rename to assets/markdown-examples.md.BB-hYbnM.js
index 75db17e5f..113d42766 100644
--- a/assets/markdown-examples.md.CQhwVfPS.js
+++ b/assets/markdown-examples.md.BB-hYbnM.js
@@ -1,4 +1,4 @@
-import{_ as a,c as i,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"Markdown Extension Examples","description":"","frontmatter":{},"headers":[],"relativePath":"markdown-examples.md","filePath":"markdown-examples.md"}'),e={name:"markdown-examples.md"};function l(p,s,h,k,r,d){return t(),i("div",null,s[0]||(s[0]=[n(`<h1 id="markdown-extension-examples" tabindex="-1">Markdown Extension Examples <a class="header-anchor" href="#markdown-extension-examples" aria-label="Permalink to &quot;Markdown Extension Examples&quot;">​</a></h1><p>This page demonstrates some of the built-in markdown extensions provided by VitePress.</p><h2 id="syntax-highlighting" tabindex="-1">Syntax Highlighting <a class="header-anchor" href="#syntax-highlighting" aria-label="Permalink to &quot;Syntax Highlighting&quot;">​</a></h2><p>VitePress provides Syntax Highlighting powered by <a href="https://github.com/shikijs/shiki" target="_blank" rel="noreferrer">Shiki</a>, with additional features like line-highlighting:</p><p><strong>Input</strong></p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">\`\`\`js{4}</span></span>
+import{_ as a,c as i,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"Markdown Extension Examples","description":"","frontmatter":{},"headers":[],"relativePath":"markdown-examples.md","filePath":"markdown-examples.md"}'),e={name:"markdown-examples.md"};function l(p,s,h,k,r,d){return t(),i("div",null,s[0]||(s[0]=[n(`<h1 id="markdown-extension-examples" tabindex="-1">Markdown Extension Examples <a class="header-anchor" href="#markdown-extension-examples" aria-label="Permalink to &quot;Markdown Extension Examples&quot;">​</a></h1><p>This page demonstrates some of the built-in markdown extensions provided by VitePress.</p><h2 id="syntax-highlighting" tabindex="-1">Syntax Highlighting <a class="header-anchor" href="#syntax-highlighting" aria-label="Permalink to &quot;Syntax Highlighting&quot;">​</a></h2><p>VitePress provides Syntax Highlighting powered by <a href="https://github.com/shikijs/shiki" target="_blank" rel="noreferrer">Shiki</a>, with additional features like line-highlighting:</p><p><strong>Input</strong></p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">\`\`\`js{4}</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> () {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
diff --git a/assets/markdown-examples.md.CQhwVfPS.lean.js b/assets/markdown-examples.md.BB-hYbnM.lean.js
similarity index 98%
rename from assets/markdown-examples.md.CQhwVfPS.lean.js
rename to assets/markdown-examples.md.BB-hYbnM.lean.js
index 75db17e5f..113d42766 100644
--- a/assets/markdown-examples.md.CQhwVfPS.lean.js
+++ b/assets/markdown-examples.md.BB-hYbnM.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,c as i,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"Markdown Extension Examples","description":"","frontmatter":{},"headers":[],"relativePath":"markdown-examples.md","filePath":"markdown-examples.md"}'),e={name:"markdown-examples.md"};function l(p,s,h,k,r,d){return t(),i("div",null,s[0]||(s[0]=[n(`<h1 id="markdown-extension-examples" tabindex="-1">Markdown Extension Examples <a class="header-anchor" href="#markdown-extension-examples" aria-label="Permalink to &quot;Markdown Extension Examples&quot;">​</a></h1><p>This page demonstrates some of the built-in markdown extensions provided by VitePress.</p><h2 id="syntax-highlighting" tabindex="-1">Syntax Highlighting <a class="header-anchor" href="#syntax-highlighting" aria-label="Permalink to &quot;Syntax Highlighting&quot;">​</a></h2><p>VitePress provides Syntax Highlighting powered by <a href="https://github.com/shikijs/shiki" target="_blank" rel="noreferrer">Shiki</a>, with additional features like line-highlighting:</p><p><strong>Input</strong></p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">\`\`\`js{4}</span></span>
+import{_ as a,c as i,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"Markdown Extension Examples","description":"","frontmatter":{},"headers":[],"relativePath":"markdown-examples.md","filePath":"markdown-examples.md"}'),e={name:"markdown-examples.md"};function l(p,s,h,k,r,d){return t(),i("div",null,s[0]||(s[0]=[n(`<h1 id="markdown-extension-examples" tabindex="-1">Markdown Extension Examples <a class="header-anchor" href="#markdown-extension-examples" aria-label="Permalink to &quot;Markdown Extension Examples&quot;">​</a></h1><p>This page demonstrates some of the built-in markdown extensions provided by VitePress.</p><h2 id="syntax-highlighting" tabindex="-1">Syntax Highlighting <a class="header-anchor" href="#syntax-highlighting" aria-label="Permalink to &quot;Syntax Highlighting&quot;">​</a></h2><p>VitePress provides Syntax Highlighting powered by <a href="https://github.com/shikijs/shiki" target="_blank" rel="noreferrer">Shiki</a>, with additional features like line-highlighting:</p><p><strong>Input</strong></p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">\`\`\`js{4}</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> () {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
diff --git a/assets/style.D_bJgWYs.css b/assets/style.CvZnpzXw.css
similarity index 70%
rename from assets/style.D_bJgWYs.css
rename to assets/style.CvZnpzXw.css
index e835990b9..f8ad21f96 100644
--- a/assets/style.D_bJgWYs.css
+++ b/assets/style.CvZnpzXw.css
@@ -1 +1 @@
-:root{--vp-home-hero-name-color: transparent;--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #ede0b3 50%, #8f4136)}@media (min-width: 640px){:root{--vp-home-hero-image-filter: blur(56px)}}@media (min-width: 960px){:root{--vp-home-hero-image-filter: blur(68px)}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-cyrillic-ext.BBPuwvHQ.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-cyrillic.C5lxZ8CY.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-greek-ext.CqjqNYQ-.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-greek.BBVDIX6e.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-vietnamese.BjW4sHH5.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-latin-ext.4ZJIpNVo.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-cyrillic-ext.r48I6akx.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-cyrillic.By2_1cv3.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-greek-ext.1u6EdAuj.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-greek.DJ8dCoTZ.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-vietnamese.BSbpV94h.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-latin-ext.CN1xVJS-.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-latin.C2AdPX0b.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Punctuation SC;font-weight:400;src:local("PingFang SC Regular"),local("Noto Sans CJK SC"),local("Microsoft YaHei");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:500;src:local("PingFang SC Medium"),local("Noto Sans CJK SC"),local("Microsoft YaHei");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:600;src:local("PingFang SC Semibold"),local("Noto Sans CJK SC Bold"),local("Microsoft YaHei Bold");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:700;src:local("PingFang SC Semibold"),local("Noto Sans CJK SC Bold"),local("Microsoft YaHei Bold");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}:root{--vp-c-white: #ffffff;--vp-c-black: #000000;--vp-c-neutral: var(--vp-c-black);--vp-c-neutral-inverse: var(--vp-c-white)}.dark{--vp-c-neutral: var(--vp-c-white);--vp-c-neutral-inverse: var(--vp-c-black)}:root{--vp-c-gray-1: #dddde3;--vp-c-gray-2: #e4e4e9;--vp-c-gray-3: #ebebef;--vp-c-gray-soft: rgba(142, 150, 170, .14);--vp-c-indigo-1: #3451b2;--vp-c-indigo-2: #3a5ccc;--vp-c-indigo-3: #5672cd;--vp-c-indigo-soft: rgba(100, 108, 255, .14);--vp-c-purple-1: #6f42c1;--vp-c-purple-2: #7e4cc9;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .14);--vp-c-green-1: #18794e;--vp-c-green-2: #299764;--vp-c-green-3: #30a46c;--vp-c-green-soft: rgba(16, 185, 129, .14);--vp-c-yellow-1: #915930;--vp-c-yellow-2: #946300;--vp-c-yellow-3: #9f6a00;--vp-c-yellow-soft: rgba(234, 179, 8, .14);--vp-c-red-1: #b8272c;--vp-c-red-2: #d5393e;--vp-c-red-3: #e0575b;--vp-c-red-soft: rgba(244, 63, 94, .14);--vp-c-sponsor: #db2777}.dark{--vp-c-gray-1: #515c67;--vp-c-gray-2: #414853;--vp-c-gray-3: #32363f;--vp-c-gray-soft: rgba(101, 117, 133, .16);--vp-c-indigo-1: #a8b1ff;--vp-c-indigo-2: #5c73e7;--vp-c-indigo-3: #3e63dd;--vp-c-indigo-soft: rgba(100, 108, 255, .16);--vp-c-purple-1: #c8abfa;--vp-c-purple-2: #a879e6;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .16);--vp-c-green-1: #3dd68c;--vp-c-green-2: #30a46c;--vp-c-green-3: #298459;--vp-c-green-soft: rgba(16, 185, 129, .16);--vp-c-yellow-1: #f9b44e;--vp-c-yellow-2: #da8b17;--vp-c-yellow-3: #a46a0a;--vp-c-yellow-soft: rgba(234, 179, 8, .16);--vp-c-red-1: #f66f81;--vp-c-red-2: #f14158;--vp-c-red-3: #b62a3c;--vp-c-red-soft: rgba(244, 63, 94, .16)}:root{--vp-c-bg: #ffffff;--vp-c-bg-alt: #f6f6f7;--vp-c-bg-elv: #ffffff;--vp-c-bg-soft: #f6f6f7}.dark{--vp-c-bg: #1b1b1f;--vp-c-bg-alt: #161618;--vp-c-bg-elv: #202127;--vp-c-bg-soft: #202127}:root{--vp-c-border: #c2c2c4;--vp-c-divider: #e2e2e3;--vp-c-gutter: #e2e2e3}.dark{--vp-c-border: #3c3f44;--vp-c-divider: #2e2e32;--vp-c-gutter: #000000}:root{--vp-c-text-1: rgba(60, 60, 67);--vp-c-text-2: rgba(60, 60, 67, .78);--vp-c-text-3: rgba(60, 60, 67, .56)}.dark{--vp-c-text-1: rgba(255, 255, 245, .86);--vp-c-text-2: rgba(235, 235, 245, .6);--vp-c-text-3: rgba(235, 235, 245, .38)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-brand-1);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-note-1: var(--vp-c-brand-1);--vp-c-note-2: var(--vp-c-brand-2);--vp-c-note-3: var(--vp-c-brand-3);--vp-c-note-soft: var(--vp-c-brand-soft);--vp-c-success-1: var(--vp-c-green-1);--vp-c-success-2: var(--vp-c-green-2);--vp-c-success-3: var(--vp-c-green-3);--vp-c-success-soft: var(--vp-c-green-soft);--vp-c-important-1: var(--vp-c-purple-1);--vp-c-important-2: var(--vp-c-purple-2);--vp-c-important-3: var(--vp-c-purple-3);--vp-c-important-soft: var(--vp-c-purple-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft);--vp-c-caution-1: var(--vp-c-red-1);--vp-c-caution-2: var(--vp-c-red-2);--vp-c-caution-3: var(--vp-c-red-3);--vp-c-caution-soft: var(--vp-c-red-soft)}:root{--vp-font-family-base: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}:root:where(:lang(zh)){--vp-font-family-base: "Punctuation SC", "Inter", ui-sans-serif, system-ui, "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC", "Heiti SC", "Microsoft YaHei", "DengXian", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-footer: 10;--vp-z-index-local-nav: 20;--vp-z-index-nav: 30;--vp-z-index-layout-top: 40;--vp-z-index-backdrop: 50;--vp-z-index-sidebar: 60}@media (min-width: 960px){:root{--vp-z-index-sidebar: 25}}:root{--vp-layout-max-width: 1440px}:root{--vp-header-anchor-symbol: "#"}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-color: var(--vp-c-brand-1);--vp-code-link-color: var(--vp-c-brand-1);--vp-code-link-hover-color: var(--vp-c-brand-2);--vp-code-bg: var(--vp-c-default-soft);--vp-code-block-color: var(--vp-c-text-2);--vp-code-block-bg: var(--vp-c-bg-alt);--vp-code-block-divider-color: var(--vp-c-gutter);--vp-code-lang-color: var(--vp-c-text-3);--vp-code-line-highlight-color: var(--vp-c-default-soft);--vp-code-line-number-color: var(--vp-c-text-3);--vp-code-line-diff-add-color: var(--vp-c-success-soft);--vp-code-line-diff-add-symbol-color: var(--vp-c-success-1);--vp-code-line-diff-remove-color: var(--vp-c-danger-soft);--vp-code-line-diff-remove-symbol-color: var(--vp-c-danger-1);--vp-code-line-warning-color: var(--vp-c-warning-soft);--vp-code-line-error-color: var(--vp-c-danger-soft);--vp-code-copy-code-border-color: var(--vp-c-divider);--vp-code-copy-code-bg: var(--vp-c-bg-soft);--vp-code-copy-code-hover-border-color: var(--vp-c-divider);--vp-code-copy-code-hover-bg: var(--vp-c-bg);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-copied-text-content: "Copied";--vp-code-tab-divider: var(--vp-code-block-divider-color);--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-bg: var(--vp-code-block-bg);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-code-tab-active-text-color: var(--vp-c-text-1);--vp-code-tab-active-bar-color: var(--vp-c-brand-1)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1);--vp-button-alt-border: transparent;--vp-button-alt-text: var(--vp-c-text-1);--vp-button-alt-bg: var(--vp-c-default-3);--vp-button-alt-hover-border: transparent;--vp-button-alt-hover-text: var(--vp-c-text-1);--vp-button-alt-hover-bg: var(--vp-c-default-2);--vp-button-alt-active-border: transparent;--vp-button-alt-active-text: var(--vp-c-text-1);--vp-button-alt-active-bg: var(--vp-c-default-1);--vp-button-sponsor-border: var(--vp-c-text-2);--vp-button-sponsor-text: var(--vp-c-text-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}:root{--vp-custom-block-font-size: 14px;--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: transparent;--vp-custom-block-info-text: var(--vp-c-text-1);--vp-custom-block-info-bg: var(--vp-c-default-soft);--vp-custom-block-info-code-bg: var(--vp-c-default-soft);--vp-custom-block-note-border: transparent;--vp-custom-block-note-text: var(--vp-c-text-1);--vp-custom-block-note-bg: var(--vp-c-default-soft);--vp-custom-block-note-code-bg: var(--vp-c-default-soft);--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-tip-soft);--vp-custom-block-tip-code-bg: var(--vp-c-tip-soft);--vp-custom-block-important-border: transparent;--vp-custom-block-important-text: var(--vp-c-text-1);--vp-custom-block-important-bg: var(--vp-c-important-soft);--vp-custom-block-important-code-bg: var(--vp-c-important-soft);--vp-custom-block-warning-border: transparent;--vp-custom-block-warning-text: var(--vp-c-text-1);--vp-custom-block-warning-bg: var(--vp-c-warning-soft);--vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);--vp-custom-block-danger-border: transparent;--vp-custom-block-danger-text: var(--vp-c-text-1);--vp-custom-block-danger-bg: var(--vp-c-danger-soft);--vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);--vp-custom-block-caution-border: transparent;--vp-custom-block-caution-text: var(--vp-c-text-1);--vp-custom-block-caution-bg: var(--vp-c-caution-soft);--vp-custom-block-caution-code-bg: var(--vp-c-caution-soft);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg)}:root{--vp-input-border-color: var(--vp-c-border);--vp-input-bg-color: var(--vp-c-bg-alt);--vp-input-switch-bg-color: var(--vp-c-default-soft)}:root{--vp-nav-height: 64px;--vp-nav-bg-color: var(--vp-c-bg);--vp-nav-screen-bg-color: var(--vp-c-bg);--vp-nav-logo-height: 24px}.hide-nav{--vp-nav-height: 0px}.hide-nav .VPSidebar{--vp-nav-height: 22px}:root{--vp-local-nav-bg-color: var(--vp-c-bg)}:root{--vp-sidebar-width: 272px;--vp-sidebar-bg-color: var(--vp-c-bg-alt)}:root{--vp-backdrop-bg-color: rgba(0, 0, 0, .6)}:root{--vp-home-hero-name-color: var(--vp-c-brand-1);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--vp-badge-info-border: transparent;--vp-badge-info-text: var(--vp-c-text-2);--vp-badge-info-bg: var(--vp-c-default-soft);--vp-badge-tip-border: transparent;--vp-badge-tip-text: var(--vp-c-tip-1);--vp-badge-tip-bg: var(--vp-c-tip-soft);--vp-badge-warning-border: transparent;--vp-badge-warning-text: var(--vp-c-warning-1);--vp-badge-warning-bg: var(--vp-c-warning-soft);--vp-badge-danger-border: transparent;--vp-badge-danger-text: var(--vp-c-danger-1);--vp-badge-danger-bg: var(--vp-c-danger-soft)}:root{--vp-carbon-ads-text-color: var(--vp-c-text-1);--vp-carbon-ads-poweredby-color: var(--vp-c-text-2);--vp-carbon-ads-bg-color: var(--vp-c-bg-soft);--vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);--vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1)}:root{--vp-local-search-bg: var(--vp-c-bg);--vp-local-search-result-bg: var(--vp-c-bg);--vp-local-search-result-border: var(--vp-c-divider);--vp-local-search-result-selected-bg: var(--vp-c-bg);--vp-local-search-result-selected-border: var(--vp-c-brand-1);--vp-local-search-highlight-bg: var(--vp-c-brand-1);--vp-local-search-highlight-text: var(--vp-c-neutral-inverse)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img,svg,video,canvas,audio,iframe,embed,object{display:block}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}vite-error-overlay{z-index:9999}mjx-container{overflow-x:auto}mjx-container>svg{display:inline-block;margin:auto}[class^=vpi-],[class*=" vpi-"],.vp-icon{width:1em;height:1em}[class^=vpi-].bg,[class*=" vpi-"].bg,.vp-icon.bg{background-size:100% 100%;background-color:transparent}[class^=vpi-]:not(.bg),[class*=" vpi-"]:not(.bg),.vp-icon:not(.bg){-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit}.vpi-align-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3M15 12H3M17 18H3'/%3E%3C/svg%3E")}.vpi-arrow-right,.vpi-arrow-down,.vpi-arrow-left,.vpi-arrow-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E")}.vpi-chevron-right,.vpi-chevron-down,.vpi-chevron-left,.vpi-chevron-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}.vpi-chevron-down,.vpi-arrow-down{transform:rotate(90deg)}.vpi-chevron-left,.vpi-arrow-left{transform:rotate(180deg)}.vpi-chevron-up,.vpi-arrow-up{transform:rotate(-90deg)}.vpi-square-pen{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z'/%3E%3C/svg%3E")}.vpi-plus{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E")}.vpi-sun{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E")}.vpi-moon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E")}.vpi-more-horizontal{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E")}.vpi-languages{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m5 8 6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6'/%3E%3C/svg%3E")}.vpi-heart{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}.vpi-search{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}.vpi-layout-list{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Cpath d='M14 4h7M14 9h7M14 15h7M14 20h7'/%3E%3C/svg%3E")}.vpi-delete{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20 5H9l-7 7 7 7h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2ZM18 9l-6 6M12 9l6 6'/%3E%3C/svg%3E")}.vpi-corner-down-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 10-5 5 5 5'/%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E")}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E")}.vpi-social-discord{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418Z'/%3E%3C/svg%3E")}.vpi-social-facebook{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E")}.vpi-social-github{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")}.vpi-social-instagram{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.03.084c-1.277.06-2.149.264-2.91.563a5.874 5.874 0 0 0-2.124 1.388 5.878 5.878 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076.008 8.354-.005 8.764.001 12.023c.007 3.259.021 3.667.083 4.947.061 1.277.264 2.149.563 2.911.308.789.72 1.457 1.388 2.123a5.872 5.872 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552 1.278.056 1.689.069 4.947.063 3.257-.007 3.668-.021 4.947-.082 1.28-.06 2.147-.265 2.91-.563a5.881 5.881 0 0 0 2.123-1.388 5.881 5.881 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912.056-1.28.07-1.69.063-4.948-.006-3.258-.02-3.667-.081-4.947-.06-1.28-.264-2.148-.564-2.911a5.892 5.892 0 0 0-1.387-2.123 5.857 5.857 0 0 0-2.128-1.38C19.074.322 18.202.12 16.924.066 15.647.009 15.236-.006 11.977 0 8.718.008 8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.736 3.736 0 0 1-1.382-.895 3.695 3.695 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228-.06-1.264-.072-1.644-.08-4.848-.006-3.204.006-3.583.061-4.848.05-1.169.246-1.805.408-2.228.216-.561.477-.96.895-1.382a3.705 3.705 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417 1.265-.06 1.644-.072 4.848-.08 3.203-.006 3.583.006 4.85.062 1.168.05 1.804.244 2.227.408.56.216.96.475 1.382.895.421.42.681.817.9 1.378.165.422.362 1.056.417 2.227.06 1.265.074 1.645.08 4.848.005 3.203-.006 3.583-.061 4.848-.051 1.17-.245 1.805-.408 2.23-.216.56-.477.96-.896 1.38a3.705 3.705 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418-1.266.06-1.645.072-4.85.079-3.204.007-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442 1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024 6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16 4 4 0 0 1 8 12.008'/%3E%3C/svg%3E")}.vpi-social-linkedin{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}.vpi-social-mastodon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E")}.vpi-social-npm{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z'/%3E%3C/svg%3E")}.vpi-social-slack{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z'/%3E%3C/svg%3E")}.vpi-social-twitter,.vpi-social-x{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E")}.vpi-social-youtube{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:var(--vp-custom-block-font-size);color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info a,.custom-block.info code{color:var(--vp-c-brand-1)}.custom-block.info a:hover,.custom-block.info a:hover>code{color:var(--vp-c-brand-2)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.note{border-color:var(--vp-custom-block-note-border);color:var(--vp-custom-block-note-text);background-color:var(--vp-custom-block-note-bg)}.custom-block.note a,.custom-block.note code{color:var(--vp-c-brand-1)}.custom-block.note a:hover,.custom-block.note a:hover>code{color:var(--vp-c-brand-2)}.custom-block.note code{background-color:var(--vp-custom-block-note-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip a,.custom-block.tip code{color:var(--vp-c-tip-1)}.custom-block.tip a:hover,.custom-block.tip a:hover>code{color:var(--vp-c-tip-2)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.important{border-color:var(--vp-custom-block-important-border);color:var(--vp-custom-block-important-text);background-color:var(--vp-custom-block-important-bg)}.custom-block.important a,.custom-block.important code{color:var(--vp-c-important-1)}.custom-block.important a:hover,.custom-block.important a:hover>code{color:var(--vp-c-important-2)}.custom-block.important code{background-color:var(--vp-custom-block-important-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning a,.custom-block.warning code{color:var(--vp-c-warning-1)}.custom-block.warning a:hover,.custom-block.warning a:hover>code{color:var(--vp-c-warning-2)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger a,.custom-block.danger code{color:var(--vp-c-danger-1)}.custom-block.danger a:hover,.custom-block.danger a:hover>code{color:var(--vp-c-danger-2)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.caution{border-color:var(--vp-custom-block-caution-border);color:var(--vp-custom-block-caution-text);background-color:var(--vp-custom-block-caution-bg)}.custom-block.caution a,.custom-block.caution code{color:var(--vp-c-caution-1)}.custom-block.caution a:hover,.custom-block.caution a:hover>code{color:var(--vp-c-caution-2)}.custom-block.caution code{background-color:var(--vp-custom-block-caution-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details a{color:var(--vp-c-brand-1)}.custom-block.details a:hover,.custom-block.details a:hover>code{color:var(--vp-c-brand-2)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:600}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .25s}.custom-block a:hover{opacity:.75}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.custom-block.custom-block th,.custom-block.custom-block blockquote>p{font-size:var(--vp-custom-block-font-size);color:inherit}.dark .vp-code span{color:var(--shiki-dark, inherit)}html:not(.dark) .vp-code span{color:var(--shiki-light, inherit)}.vp-code-group{margin-top:16px}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--vp-code-tab-bg);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--vp-code-tab-divider)}@media (min-width: 640px){.vp-code-group .tabs{margin-right:0;margin-left:0;border-radius:8px 8px 0 0}}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-code-tab-text-color);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--vp-code-tab-hover-text-color)}.vp-code-group input:checked+label{color:var(--vp-code-tab-active-text-color)}.vp-code-group input:checked+label:after{background-color:var(--vp-code-tab-active-bar-color)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}.vp-block{padding:20px 24px}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc h4{margin:24px 0 0;letter-spacing:-.01em;line-height:24px;font-size:18px}.vp-doc .header-anchor{position:absolute;top:0;left:0;margin-left:-.87em;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0;text-decoration:none;transition:color .25s,opacity .25s}.vp-doc .header-anchor:before{content:var(--vp-header-anchor-symbol)}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc h2 .header-anchor{top:24px}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s;color:var(--vp-c-text-2)}.vp-doc blockquote>p{margin:0;font-size:16px;transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand-1);text-decoration:underline;text-underline-offset:2px;transition:color .25s,opacity .25s}.vp-doc a:hover{color:var(--vp-c-brand-2)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{background-color:var(--vp-c-bg);border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:8px 16px}.vp-doc th{text-align:left;font-size:14px;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-doc td{font-size:14px}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block div[class*=language-]{margin:8px 0;border-radius:8px}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc .custom-block .vp-code-group .tabs{margin:0;border-radius:8px 8px 0 0}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size);color:var(--vp-code-color)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;background-color:var(--vp-code-bg);transition:color .25s,background-color .5s}.vp-doc a>code{color:var(--vp-code-link-color)}.vp-doc a:hover>code{color:var(--vp-code-link-hover-color)}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code,.vp-doc h4>code{font-size:.9em}.vp-doc div[class*=language-],.vp-block{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-],.vp-block{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:20px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .highlighted.error{background-color:var(--vp-code-line-error-color)}.vp-doc [class*=language-] code .highlighted.warning{background-color:var(--vp-code-line-warning-color)}.vp-doc [class*=language-] code .diff{transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .diff:before{position:absolute;left:10px}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){filter:blur(.095rem);opacity:.4;transition:filter .35s,opacity .35s}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){opacity:.7;transition:filter .35s,opacity .35s}.vp-doc [class*=language-]:hover .has-focused-lines .line:not(.has-focus){filter:blur(0);opacity:1}.vp-doc [class*=language-] code .diff.remove{background-color:var(--vp-code-line-diff-remove-color);opacity:.7}.vp-doc [class*=language-] code .diff.remove:before{content:"-";color:var(--vp-code-line-diff-remove-symbol-color)}.vp-doc [class*=language-] code .diff.add{background-color:var(--vp-code-line-diff-add-color)}.vp-doc [class*=language-] code .diff.add:before{content:"+";color:var(--vp-code-line-diff-add-symbol-color)}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-code-block-divider-color);padding-top:20px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--vp-code-copy-code-border-color);border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-copy-code-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover,.vp-doc [class*=language-]>button.copy.copied{border-color:var(--vp-code-copy-code-hover-border-color);background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--vp-code-copy-code-hover-border-color);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:var(--vp-code-copy-copied-text-content)}.vp-doc [class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-code-lang-color);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}:is(.vp-external-link-icon,.vp-doc a[href*="://"],.vp-doc a[target=_blank]):not(.no-icon):after{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;background:currentColor;color:var(--vp-c-text-3);flex-shrink:0;--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");-webkit-mask-image:var(--icon);mask-image:var(--icon)}.vp-external-link-icon:after{content:""}.external-link-icon-enabled :is(.vp-doc a[href*="://"],.vp-doc a[target=_blank]):after{content:"";color:currentColor}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin:0 0 4px!important;text-align:center;letter-spacing:1px!important;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-default-soft)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPBadge{display:inline-block;margin-left:2px;border:1px solid transparent;border-radius:12px;padding:0 10px;line-height:22px;font-size:12px;font-weight:500;transform:translateY(-2px)}.VPBadge.small{padding:0 6px;line-height:18px;font-size:10px;transform:translateY(-8px)}.VPDocFooter .VPBadge{display:none}.vp-doc h1>.VPBadge{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge{vertical-align:middle}.vp-doc h4>.VPBadge,.vp-doc h5>.VPBadge,.vp-doc h6>.VPBadge{vertical-align:middle;line-height:18px}.VPBadge.info{border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text);background-color:var(--vp-badge-info-bg)}.VPBadge.tip{border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text);background-color:var(--vp-badge-tip-bg)}.VPBadge.warning{border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text);background-color:var(--vp-badge-warning-bg)}.VPBadge.danger{border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text);background-color:var(--vp-badge-danger-bg)}.VPBackdrop[data-v-41d6fff7]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:var(--vp-backdrop-bg-color);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-41d6fff7],.VPBackdrop.fade-leave-to[data-v-41d6fff7]{opacity:0}.VPBackdrop.fade-leave-active[data-v-41d6fff7]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-41d6fff7]{display:none}}.NotFound[data-v-bcafd8ec]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-bcafd8ec]{padding:96px 32px 168px}}.code[data-v-bcafd8ec]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-bcafd8ec]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-bcafd8ec]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-bcafd8ec]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-bcafd8ec]{padding-top:20px}.link[data-v-bcafd8ec]{display:inline-block;border:1px solid var(--vp-c-brand-1);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:border-color .25s,color .25s}.link[data-v-bcafd8ec]:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}.root[data-v-ff171b3f]{position:relative;z-index:1}.nested[data-v-ff171b3f]{padding-right:16px;padding-left:16px}.outline-link[data-v-ff171b3f]{display:block;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}.outline-link[data-v-ff171b3f]:hover,.outline-link.active[data-v-ff171b3f]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-ff171b3f]{padding-left:13px}.VPDocAsideOutline[data-v-f0084521]{display:none}.VPDocAsideOutline.has-outline[data-v-f0084521]{display:block}.content[data-v-f0084521]{position:relative;border-left:1px solid var(--vp-c-divider);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-f0084521]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:2px;border-radius:2px;height:18px;background-color:var(--vp-c-brand-1);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-f0084521]{line-height:32px;font-size:14px;font-weight:600}.VPDocAside[data-v-b8bcfc42]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-b8bcfc42]{flex-grow:1}.VPDocAside[data-v-b8bcfc42] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-b8bcfc42] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-b8bcfc42] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-0621442a]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-0621442a]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-dbbe3b50]{margin-top:64px}.edit-info[data-v-dbbe3b50]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-dbbe3b50]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-dbbe3b50]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.edit-link-button[data-v-dbbe3b50]:hover{color:var(--vp-c-brand-2)}.edit-link-icon[data-v-dbbe3b50]{margin-right:8px}.prev-next[data-v-dbbe3b50]{border-top:1px solid var(--vp-c-divider);padding-top:24px;display:grid;grid-row-gap:8px}@media (min-width: 640px){.prev-next[data-v-dbbe3b50]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.pager-link[data-v-dbbe3b50]{display:block;border:1px solid var(--vp-c-divider);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-dbbe3b50]:hover{border-color:var(--vp-c-brand-1)}.pager-link.next[data-v-dbbe3b50]{margin-left:auto;text-align:right}.desc[data-v-dbbe3b50]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-dbbe3b50]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.VPDoc[data-v-68f5ff40]{padding:32px 24px 96px;width:100%}@media (min-width: 768px){.VPDoc[data-v-68f5ff40]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-68f5ff40]{padding:48px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-68f5ff40]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-68f5ff40]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-68f5ff40]{display:flex;justify-content:center}.VPDoc .aside[data-v-68f5ff40]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-68f5ff40]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-68f5ff40]{max-width:1104px}}.container[data-v-68f5ff40]{margin:0 auto;width:100%}.aside[data-v-68f5ff40]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.left-aside[data-v-68f5ff40]{order:1;padding-left:unset;padding-right:32px}.aside-container[data-v-68f5ff40]{position:fixed;top:0;padding-top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 48px);width:224px;height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-68f5ff40]::-webkit-scrollbar{display:none}.aside-curtain[data-v-68f5ff40]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-68f5ff40]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px));padding-bottom:32px}.content[data-v-68f5ff40]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-68f5ff40]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-68f5ff40]{order:1;margin:0;min-width:640px}}.content-container[data-v-68f5ff40]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-68f5ff40]{max-width:688px}.VPButton[data-v-5a7f4a3b]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-5a7f4a3b]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-5a7f4a3b]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-5a7f4a3b]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-5a7f4a3b]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-5a7f4a3b]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-5a7f4a3b]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-5a7f4a3b]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-5a7f4a3b]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-5a7f4a3b]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-5a7f4a3b]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-5a7f4a3b]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-5a7f4a3b]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-161f3c50]{display:none}.dark .VPImage.light[data-v-161f3c50]{display:none}.VPHero[data-v-a958191c]{margin-top:calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-a958191c]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-a958191c]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px}}.container[data-v-a958191c]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-a958191c]{flex-direction:row}}.main[data-v-a958191c]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-a958191c]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-a958191c]{text-align:left}}@media (min-width: 960px){.main[data-v-a958191c]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-a958191c]{max-width:592px}}.name[data-v-a958191c],.text[data-v-a958191c]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-a958191c],.VPHero.has-image .text[data-v-a958191c]{margin:0 auto}.name[data-v-a958191c]{color:var(--vp-home-hero-name-color)}.clip[data-v-a958191c]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-a958191c],.text[data-v-a958191c]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-a958191c],.text[data-v-a958191c]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-a958191c],.VPHero.has-image .text[data-v-a958191c]{margin:0}}.tagline[data-v-a958191c]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-a958191c]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-a958191c]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-a958191c]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-a958191c]{margin:0}}.actions[data-v-a958191c]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-a958191c]{justify-content:center}@media (min-width: 640px){.actions[data-v-a958191c]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-a958191c]{justify-content:flex-start}}.action[data-v-a958191c]{flex-shrink:0;padding:6px}.image[data-v-a958191c]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-a958191c]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-a958191c]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-a958191c]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-a958191c]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-a958191c]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-a958191c]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-a958191c]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-a958191c]{width:320px;height:320px}}[data-v-a958191c] .image-src{position:absolute;top:50%;left:50%;max-width:192px;max-height:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-a958191c] .image-src{max-width:256px;max-height:256px}}@media (min-width: 960px){[data-v-a958191c] .image-src{max-width:320px;max-height:320px}}.VPFeature[data-v-592584e2]{display:block;border:1px solid var(--vp-c-bg-soft);border-radius:12px;height:100%;background-color:var(--vp-c-bg-soft);transition:border-color .25s,background-color .25s}.VPFeature.link[data-v-592584e2]:hover{border-color:var(--vp-c-brand-1)}.box[data-v-592584e2]{display:flex;flex-direction:column;padding:24px;height:100%}.box[data-v-592584e2]>.VPImage{margin-bottom:20px}.icon[data-v-592584e2]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-default-soft);width:48px;height:48px;font-size:24px;transition:background-color .25s}.title[data-v-592584e2]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-592584e2]{flex-grow:1;padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.link-text[data-v-592584e2]{padding-top:8px}.link-text-value[data-v-592584e2]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.link-text-icon[data-v-592584e2]{margin-left:6px}.VPFeatures[data-v-b7d3055b]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-b7d3055b]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-b7d3055b]{padding:0 64px}}.container[data-v-b7d3055b]{margin:0 auto;max-width:1152px}.items[data-v-b7d3055b]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-b7d3055b]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-b7d3055b],.item.grid-4[data-v-b7d3055b],.item.grid-6[data-v-b7d3055b]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-b7d3055b],.item.grid-4[data-v-b7d3055b]{width:50%}.item.grid-3[data-v-b7d3055b],.item.grid-6[data-v-b7d3055b]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-b7d3055b]{width:25%}}.container[data-v-7c4645cc]{margin:auto;width:100%;max-width:1280px;padding:0 24px}@media (min-width: 640px){.container[data-v-7c4645cc]{padding:0 48px}}@media (min-width: 960px){.container[data-v-7c4645cc]{width:100%;padding:0 64px}}.vp-doc[data-v-7c4645cc] .VPHomeSponsors,.vp-doc[data-v-7c4645cc] .VPTeamPage{margin-left:var(--vp-offset, calc(50% - 50vw) );margin-right:var(--vp-offset, calc(50% - 50vw) )}.vp-doc[data-v-7c4645cc] .VPHomeSponsors h2{border-top:none;letter-spacing:normal}.vp-doc[data-v-7c4645cc] .VPHomeSponsors a,.vp-doc[data-v-7c4645cc] .VPTeamPage a{text-decoration:none}.VPHome[data-v-eb036f8b]{margin-bottom:96px}@media (min-width: 768px){.VPHome[data-v-eb036f8b]{margin-bottom:128px}}.VPContent[data-v-2fef6454]{flex-grow:1;flex-shrink:0;margin:var(--vp-layout-top-height, 0px) auto 0;width:100%}.VPContent.is-home[data-v-2fef6454]{width:100%;max-width:100%}.VPContent.has-sidebar[data-v-2fef6454]{margin:0}@media (min-width: 960px){.VPContent[data-v-2fef6454]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-2fef6454]{margin:var(--vp-layout-top-height, 0px) 0 0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-2fef6454]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-5bb950ac]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-5bb950ac]{display:none}.VPFooter[data-v-5bb950ac] a{text-decoration-line:underline;text-underline-offset:2px;transition:color .25s}.VPFooter[data-v-5bb950ac] a:hover{color:var(--vp-c-text-1)}@media (min-width: 768px){.VPFooter[data-v-5bb950ac]{padding:32px}}.container[data-v-5bb950ac]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-5bb950ac],.copyright[data-v-5bb950ac]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPLocalNavOutlineDropdown[data-v-42e4b28b]{padding:12px 20px 11px}@media (min-width: 960px){.VPLocalNavOutlineDropdown[data-v-42e4b28b]{padding:12px 36px 11px}}.VPLocalNavOutlineDropdown button[data-v-42e4b28b]{display:block;font-size:12px;font-weight:500;line-height:24px;color:var(--vp-c-text-2);transition:color .5s;position:relative}.VPLocalNavOutlineDropdown button[data-v-42e4b28b]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPLocalNavOutlineDropdown button.open[data-v-42e4b28b]{color:var(--vp-c-text-1)}.icon[data-v-42e4b28b]{display:inline-block;vertical-align:middle;margin-left:2px;font-size:14px;transform:rotate(0);transition:transform .25s}@media (min-width: 960px){.VPLocalNavOutlineDropdown button[data-v-42e4b28b]{font-size:14px}.icon[data-v-42e4b28b]{font-size:16px}}.open>.icon[data-v-42e4b28b]{transform:rotate(90deg)}.items[data-v-42e4b28b]{position:absolute;top:40px;right:16px;left:16px;display:grid;gap:1px;border:1px solid var(--vp-c-border);border-radius:8px;background-color:var(--vp-c-gutter);max-height:calc(var(--vp-vh, 100vh) - 86px);overflow:hidden auto;box-shadow:var(--vp-shadow-3)}@media (min-width: 960px){.items[data-v-42e4b28b]{right:auto;left:calc(var(--vp-sidebar-width) + 32px);width:320px}}.header[data-v-42e4b28b]{background-color:var(--vp-c-bg-soft)}.top-link[data-v-42e4b28b]{display:block;padding:0 16px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.outline[data-v-42e4b28b]{padding:8px 0;background-color:var(--vp-c-bg-soft)}.flyout-enter-active[data-v-42e4b28b]{transition:all .2s ease-out}.flyout-leave-active[data-v-42e4b28b]{transition:all .15s ease-in}.flyout-enter-from[data-v-42e4b28b],.flyout-leave-to[data-v-42e4b28b]{opacity:0;transform:translateY(-16px)}.VPLocalNav[data-v-41a048b3]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);border-bottom:1px solid var(--vp-c-gutter);padding-top:var(--vp-layout-top-height, 0px);width:100%;background-color:var(--vp-local-nav-bg-color)}.VPLocalNav.fixed[data-v-41a048b3]{position:fixed}@media (min-width: 960px){.VPLocalNav[data-v-41a048b3]{top:var(--vp-nav-height)}.VPLocalNav.has-sidebar[data-v-41a048b3]{padding-left:var(--vp-sidebar-width)}.VPLocalNav.empty[data-v-41a048b3]{display:none}}@media (min-width: 1280px){.VPLocalNav[data-v-41a048b3]{display:none}}@media (min-width: 1440px){.VPLocalNav.has-sidebar[data-v-41a048b3]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.container[data-v-41a048b3]{display:flex;justify-content:space-between;align-items:center}.menu[data-v-41a048b3]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-41a048b3]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-41a048b3]{padding:0 32px}}@media (min-width: 960px){.menu[data-v-41a048b3]{display:none}}.menu-icon[data-v-41a048b3]{margin-right:8px;font-size:14px}.VPOutlineDropdown[data-v-41a048b3]{padding:12px 24px 11px}@media (min-width: 768px){.VPOutlineDropdown[data-v-41a048b3]{padding:12px 32px 11px}}.VPSwitch[data-v-360e53fc]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-input-border-color);background-color:var(--vp-input-switch-bg-color);transition:border-color .25s!important}.VPSwitch[data-v-360e53fc]:hover{border-color:var(--vp-c-brand-1)}.check[data-v-360e53fc]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-neutral-inverse);box-shadow:var(--vp-shadow-1);transition:transform .25s!important}.icon[data-v-360e53fc]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-360e53fc] [class^=vpi-]{position:absolute;top:3px;left:3px;width:12px;height:12px;color:var(--vp-c-text-2)}.dark .icon[data-v-360e53fc] [class^=vpi-]{color:var(--vp-c-text-1);transition:opacity .25s!important}.sun[data-v-8c66aee1]{opacity:1}.moon[data-v-8c66aee1],.dark .sun[data-v-8c66aee1]{opacity:0}.dark .moon[data-v-8c66aee1]{opacity:1}.dark .VPSwitchAppearance[data-v-8c66aee1] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-488750b3]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-488750b3]{display:flex;align-items:center}}.VPMenuGroup+.VPMenuLink[data-v-8a25db17]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.link[data-v-8a25db17]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-8a25db17]:hover{color:var(--vp-c-brand-1);background-color:var(--vp-c-default-soft)}.link.active[data-v-8a25db17]{color:var(--vp-c-brand-1)}.VPMenuGroup[data-v-2bfd8bae]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.VPMenuGroup[data-v-2bfd8bae]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-2bfd8bae]{margin-top:12px;border-top:1px solid var(--vp-c-divider)}.title[data-v-2bfd8bae]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);white-space:nowrap;transition:color .25s}.VPMenu[data-v-edffea9a]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-elv);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height));overflow-y:auto}.VPMenu[data-v-edffea9a] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-edffea9a] .group+.group{border-top:1px solid var(--vp-c-divider);padding:11px 12px 12px}.VPMenu[data-v-edffea9a] .group:last-child{padding-bottom:0}.VPMenu[data-v-edffea9a] .group+.item{border-top:1px solid var(--vp-c-divider);padding:11px 16px 0}.VPMenu[data-v-edffea9a] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-edffea9a] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-edffea9a] .action{padding-left:24px}.VPFlyout[data-v-2c36ac32]{position:relative}.VPFlyout[data-v-2c36ac32]:hover{color:var(--vp-c-brand-1);transition:color .25s}.VPFlyout:hover .text[data-v-2c36ac32]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-2c36ac32]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-2c36ac32]{color:var(--vp-c-brand-1)}.VPFlyout.active:hover .text[data-v-2c36ac32]{color:var(--vp-c-brand-2)}.button[aria-expanded=false]+.menu[data-v-2c36ac32]{opacity:0;visibility:hidden;transform:translateY(0)}.VPFlyout:hover .menu[data-v-2c36ac32],.button[aria-expanded=true]+.menu[data-v-2c36ac32]{opacity:1;visibility:visible;transform:translateY(0)}.button[data-v-2c36ac32]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height);color:var(--vp-c-text-1);transition:color .5s}.text[data-v-2c36ac32]{display:flex;align-items:center;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.option-icon[data-v-2c36ac32]{margin-right:0;font-size:16px}.text-icon[data-v-2c36ac32]{margin-left:4px;font-size:14px}.icon[data-v-2c36ac32]{font-size:20px;transition:fill .25s}.menu[data-v-2c36ac32]{position:absolute;top:calc(var(--vp-nav-height) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}.VPSocialLink[data-v-b4bb9658]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-b4bb9658]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-b4bb9658]>svg,.VPSocialLink[data-v-b4bb9658]>[class^=vpi-social-]{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-d6fc0ca6]{display:flex;justify-content:center}.VPNavBarExtra[data-v-9d2cbf32]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-9d2cbf32]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-9d2cbf32]{display:none}}.trans-title[data-v-9d2cbf32]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-9d2cbf32],.item.social-links[data-v-9d2cbf32]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-9d2cbf32]{min-width:176px}.appearance-action[data-v-9d2cbf32]{margin-right:-2px}.social-links-list[data-v-9d2cbf32]{margin:-4px -8px}.VPNavBarHamburger[data-v-69a8a7a4]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-69a8a7a4]{display:none}}.container[data-v-69a8a7a4]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-69a8a7a4]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-69a8a7a4]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-69a8a7a4]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-69a8a7a4]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-69a8a7a4]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-69a8a7a4]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-69a8a7a4],.VPNavBarHamburger.active:hover .middle[data-v-69a8a7a4],.VPNavBarHamburger.active:hover .bottom[data-v-69a8a7a4]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-69a8a7a4],.middle[data-v-69a8a7a4],.bottom[data-v-69a8a7a4]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-69a8a7a4]{top:0;left:0;transform:translate(0)}.middle[data-v-69a8a7a4]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-69a8a7a4]{top:12px;left:0;transform:translate(4px)}.VPNavBarMenuLink[data-v-b7be9d26]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-b7be9d26],.VPNavBarMenuLink[data-v-b7be9d26]:hover{color:var(--vp-c-brand-1)}.VPNavBarMenu[data-v-7a2564bf]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-7a2564bf]{display:flex}}/*! @docsearch/css 3.6.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 1px 0 rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 1px 1px 0 rgba(3,4,9,.30196078431372547);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}.DocSearch-Button-Key--pressed{transform:translate3d(0,1px,0);box-shadow:var(--docsearch-key-pressed-shadow)}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}.DocSearch-VisuallyHiddenForAccessibility{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[class*=DocSearch]{--docsearch-primary-color: var(--vp-c-brand-1);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-background: transparent;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark [class*=DocSearch]{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-default-soft);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:48px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button-Key--pressed{transform:none;box-shadow:none}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand-1);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{direction:ltr;display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:0!important}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"Ctrl";font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"⌘"}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.DocSearch-Search-Icon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.6' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' d='m14.386 14.386 4.088 4.088-4.088-4.088A7.533 7.533 0 1 1 3.733 3.733a7.533 7.533 0 0 1 10.653 10.653z'/%3E%3C/svg%3E")}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand-1);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-default-soft)}.DocSearch-Screen-Icon>svg{margin:auto}.VPNavBarSocialLinks[data-v-4adea010]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-4adea010]{display:flex;align-items:center}}.title[data-v-389aaf3d]{display:flex;align-items:center;border-bottom:1px solid transparent;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}@media (min-width: 960px){.title[data-v-389aaf3d]{flex-shrink:0}.VPNavBarTitle.has-sidebar .title[data-v-389aaf3d]{border-bottom-color:var(--vp-c-divider)}}[data-v-389aaf3d] .logo{margin-right:8px;height:var(--vp-nav-logo-height)}.VPNavBarTranslations[data-v-391c7104]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-391c7104]{display:flex;align-items:center}}.title[data-v-391c7104]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPNavBar[data-v-b26cb13e]{position:relative;height:var(--vp-nav-height);pointer-events:none;white-space:nowrap;transition:background-color .25s}.VPNavBar.screen-open[data-v-b26cb13e]{transition:none;background-color:var(--vp-nav-bg-color);border-bottom:1px solid var(--vp-c-divider)}.VPNavBar[data-v-b26cb13e]:not(.home){background-color:var(--vp-nav-bg-color)}@media (min-width: 960px){.VPNavBar[data-v-b26cb13e]:not(.home){background-color:transparent}.VPNavBar[data-v-b26cb13e]:not(.has-sidebar):not(.home.top){background-color:var(--vp-nav-bg-color)}}.wrapper[data-v-b26cb13e]{padding:0 8px 0 24px}@media (min-width: 768px){.wrapper[data-v-b26cb13e]{padding:0 32px}}@media (min-width: 960px){.VPNavBar.has-sidebar .wrapper[data-v-b26cb13e]{padding:0}}.container[data-v-b26cb13e]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);height:var(--vp-nav-height);pointer-events:none}.container>.title[data-v-b26cb13e],.container>.content[data-v-b26cb13e]{pointer-events:none}.container[data-v-b26cb13e] *{pointer-events:auto}@media (min-width: 960px){.VPNavBar.has-sidebar .container[data-v-b26cb13e]{max-width:100%}}.title[data-v-b26cb13e]{flex-shrink:0;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar.has-sidebar .title[data-v-b26cb13e]{position:absolute;top:0;left:0;z-index:2;padding:0 32px;width:var(--vp-sidebar-width);height:var(--vp-nav-height);background-color:transparent}}@media (min-width: 1440px){.VPNavBar.has-sidebar .title[data-v-b26cb13e]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.content[data-v-b26cb13e]{flex-grow:1}@media (min-width: 960px){.VPNavBar.has-sidebar .content[data-v-b26cb13e]{position:relative;z-index:1;padding-right:32px;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .content[data-v-b26cb13e]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.content-body[data-v-b26cb13e]{display:flex;justify-content:flex-end;align-items:center;height:var(--vp-nav-height);transition:background-color .5s}@media (min-width: 960px){.VPNavBar:not(.home.top) .content-body[data-v-b26cb13e]{position:relative;background-color:var(--vp-nav-bg-color)}.VPNavBar:not(.has-sidebar):not(.home.top) .content-body[data-v-b26cb13e]{background-color:transparent}}@media (max-width: 767px){.content-body[data-v-b26cb13e]{column-gap:.5rem}}.menu+.translations[data-v-b26cb13e]:before,.menu+.appearance[data-v-b26cb13e]:before,.menu+.social-links[data-v-b26cb13e]:before,.translations+.appearance[data-v-b26cb13e]:before,.appearance+.social-links[data-v-b26cb13e]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider);content:""}.menu+.appearance[data-v-b26cb13e]:before,.translations+.appearance[data-v-b26cb13e]:before{margin-right:16px}.appearance+.social-links[data-v-b26cb13e]:before{margin-left:16px}.social-links[data-v-b26cb13e]{margin-right:-8px}.divider[data-v-b26cb13e]{width:100%;height:1px}@media (min-width: 960px){.VPNavBar.has-sidebar .divider[data-v-b26cb13e]{padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .divider[data-v-b26cb13e]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.divider-line[data-v-b26cb13e]{width:100%;height:1px;transition:background-color .5s}.VPNavBar:not(.home) .divider-line[data-v-b26cb13e]{background-color:var(--vp-c-gutter)}@media (min-width: 960px){.VPNavBar:not(.home.top) .divider-line[data-v-b26cb13e]{background-color:var(--vp-c-gutter)}.VPNavBar:not(.has-sidebar):not(.home.top) .divider[data-v-b26cb13e]{background-color:var(--vp-c-gutter)}}.VPNavScreenAppearance[data-v-f140d185]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft)}.text[data-v-f140d185]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.VPNavScreenMenuLink[data-v-32d57cf6]{display:block;border-bottom:1px solid var(--vp-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .25s,color .25s}.VPNavScreenMenuLink[data-v-32d57cf6]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupLink[data-v-3adffa3c]{display:block;margin-left:12px;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s}.VPNavScreenMenuGroupLink[data-v-3adffa3c]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupSection[data-v-6dd549c2]{display:block}.title[data-v-6dd549c2]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-dd3775b8]{border-bottom:1px solid var(--vp-c-divider);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-dd3775b8]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-dd3775b8]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-dd3775b8]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-dd3775b8]{padding-bottom:6px;color:var(--vp-c-brand-1)}.VPNavScreenMenuGroup.open .button-icon[data-v-dd3775b8]{transform:rotate(45deg)}.button[data-v-dd3775b8]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-dd3775b8]:hover{color:var(--vp-c-brand-1)}.button-icon[data-v-dd3775b8]{transition:transform .25s}.group[data-v-dd3775b8]:first-child{padding-top:0}.group+.group[data-v-dd3775b8],.group+.item[data-v-dd3775b8]{padding-top:4px}.VPNavScreenTranslations[data-v-1e116d9d]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-1e116d9d]{height:auto}.title[data-v-1e116d9d]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-1e116d9d]{font-size:16px}.icon.lang[data-v-1e116d9d]{margin-right:8px}.icon.chevron[data-v-1e116d9d]{margin-left:4px}.list[data-v-1e116d9d]{padding:4px 0 0 24px}.link[data-v-1e116d9d]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-ff89af51]{position:fixed;top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px));right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-nav-screen-bg-color);overflow-y:auto;transition:background-color .25s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-ff89af51],.VPNavScreen.fade-leave-active[data-v-ff89af51]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-ff89af51],.VPNavScreen.fade-leave-active .container[data-v-ff89af51]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-ff89af51],.VPNavScreen.fade-leave-to[data-v-ff89af51]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-ff89af51],.VPNavScreen.fade-leave-to .container[data-v-ff89af51]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-ff89af51]{display:none}}.container[data-v-ff89af51]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-ff89af51],.menu+.appearance[data-v-ff89af51],.translations+.appearance[data-v-ff89af51]{margin-top:24px}.menu+.social-links[data-v-ff89af51]{margin-top:16px}.appearance+.social-links[data-v-ff89af51]{margin-top:16px}.VPNav[data-v-6f474b23]{position:relative;top:var(--vp-layout-top-height, 0px);left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none;transition:background-color .5s}@media (min-width: 960px){.VPNav[data-v-6f474b23]{position:fixed}}.VPSidebarItem.level-0[data-v-aad23f36]{padding-bottom:24px}.VPSidebarItem.collapsed.level-0[data-v-aad23f36]{padding-bottom:10px}.item[data-v-aad23f36]{position:relative;display:flex;width:100%}.VPSidebarItem.collapsible>.item[data-v-aad23f36]{cursor:pointer}.indicator[data-v-aad23f36]{position:absolute;top:6px;bottom:6px;left:-17px;width:2px;border-radius:2px;transition:background-color .25s}.VPSidebarItem.level-2.is-active>.item>.indicator[data-v-aad23f36],.VPSidebarItem.level-3.is-active>.item>.indicator[data-v-aad23f36],.VPSidebarItem.level-4.is-active>.item>.indicator[data-v-aad23f36],.VPSidebarItem.level-5.is-active>.item>.indicator[data-v-aad23f36]{background-color:var(--vp-c-brand-1)}.link[data-v-aad23f36]{display:flex;align-items:center;flex-grow:1}.text[data-v-aad23f36]{flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;transition:color .25s}.VPSidebarItem.level-0 .text[data-v-aad23f36]{font-weight:700;color:var(--vp-c-text-1)}.VPSidebarItem.level-1 .text[data-v-aad23f36],.VPSidebarItem.level-2 .text[data-v-aad23f36],.VPSidebarItem.level-3 .text[data-v-aad23f36],.VPSidebarItem.level-4 .text[data-v-aad23f36],.VPSidebarItem.level-5 .text[data-v-aad23f36]{font-weight:500;color:var(--vp-c-text-2)}.VPSidebarItem.level-0.is-link>.item>.link:hover .text[data-v-aad23f36],.VPSidebarItem.level-1.is-link>.item>.link:hover .text[data-v-aad23f36],.VPSidebarItem.level-2.is-link>.item>.link:hover .text[data-v-aad23f36],.VPSidebarItem.level-3.is-link>.item>.link:hover .text[data-v-aad23f36],.VPSidebarItem.level-4.is-link>.item>.link:hover .text[data-v-aad23f36],.VPSidebarItem.level-5.is-link>.item>.link:hover .text[data-v-aad23f36]{color:var(--vp-c-brand-1)}.VPSidebarItem.level-0.has-active>.item>.text[data-v-aad23f36],.VPSidebarItem.level-1.has-active>.item>.text[data-v-aad23f36],.VPSidebarItem.level-2.has-active>.item>.text[data-v-aad23f36],.VPSidebarItem.level-3.has-active>.item>.text[data-v-aad23f36],.VPSidebarItem.level-4.has-active>.item>.text[data-v-aad23f36],.VPSidebarItem.level-5.has-active>.item>.text[data-v-aad23f36],.VPSidebarItem.level-0.has-active>.item>.link>.text[data-v-aad23f36],.VPSidebarItem.level-1.has-active>.item>.link>.text[data-v-aad23f36],.VPSidebarItem.level-2.has-active>.item>.link>.text[data-v-aad23f36],.VPSidebarItem.level-3.has-active>.item>.link>.text[data-v-aad23f36],.VPSidebarItem.level-4.has-active>.item>.link>.text[data-v-aad23f36],.VPSidebarItem.level-5.has-active>.item>.link>.text[data-v-aad23f36]{color:var(--vp-c-text-1)}.VPSidebarItem.level-0.is-active>.item .link>.text[data-v-aad23f36],.VPSidebarItem.level-1.is-active>.item .link>.text[data-v-aad23f36],.VPSidebarItem.level-2.is-active>.item .link>.text[data-v-aad23f36],.VPSidebarItem.level-3.is-active>.item .link>.text[data-v-aad23f36],.VPSidebarItem.level-4.is-active>.item .link>.text[data-v-aad23f36],.VPSidebarItem.level-5.is-active>.item .link>.text[data-v-aad23f36]{color:var(--vp-c-brand-1)}.caret[data-v-aad23f36]{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--vp-c-text-3);cursor:pointer;transition:color .25s;flex-shrink:0}.item:hover .caret[data-v-aad23f36]{color:var(--vp-c-text-2)}.item:hover .caret[data-v-aad23f36]:hover{color:var(--vp-c-text-1)}.caret-icon[data-v-aad23f36]{font-size:18px;transform:rotate(90deg);transition:transform .25s}.VPSidebarItem.collapsed .caret-icon[data-v-aad23f36]{transform:rotate(0)}.VPSidebarItem.level-1 .items[data-v-aad23f36],.VPSidebarItem.level-2 .items[data-v-aad23f36],.VPSidebarItem.level-3 .items[data-v-aad23f36],.VPSidebarItem.level-4 .items[data-v-aad23f36],.VPSidebarItem.level-5 .items[data-v-aad23f36]{border-left:1px solid var(--vp-c-divider);padding-left:16px}.VPSidebarItem.collapsed .items[data-v-aad23f36]{display:none}.no-transition[data-v-7b63e751] .caret-icon{transition:none}.group+.group[data-v-7b63e751]{border-top:1px solid var(--vp-c-divider);padding-top:10px}@media (min-width: 960px){.group[data-v-7b63e751]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}}.VPSidebar[data-v-73dab79a]{position:fixed;top:var(--vp-layout-top-height, 0px);bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-sidebar-bg-color);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;overscroll-behavior:contain}.VPSidebar.open[data-v-73dab79a]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-73dab79a]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-73dab79a]{padding-top:var(--vp-nav-height);width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-sidebar-bg-color);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-73dab79a]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}@media (min-width: 960px){.curtain[data-v-73dab79a]{position:sticky;top:-64px;left:0;z-index:1;margin-top:calc(var(--vp-nav-height) * -1);margin-right:-32px;margin-left:-32px;height:var(--vp-nav-height);background-color:var(--vp-sidebar-bg-color)}}.nav[data-v-73dab79a]{outline:0}.VPSkipLink[data-v-eea713a2]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand-1);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-eea713a2]:focus{height:auto;width:auto;clip:auto;clip-path:none}@media (min-width: 1280px){.VPSkipLink[data-v-eea713a2]{top:14px;left:16px}}.Layout[data-v-13494db4]{display:flex;flex-direction:column;min-height:100vh}.VPHomeSponsors[data-v-14a5679d]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPHomeSponsors[data-v-14a5679d]{margin:96px 0}@media (min-width: 768px){.VPHomeSponsors[data-v-14a5679d]{margin:128px 0}}.VPHomeSponsors[data-v-14a5679d]{padding:0 24px}@media (min-width: 768px){.VPHomeSponsors[data-v-14a5679d]{padding:0 48px}}@media (min-width: 960px){.VPHomeSponsors[data-v-14a5679d]{padding:0 64px}}.container[data-v-14a5679d]{margin:0 auto;max-width:1152px}.love[data-v-14a5679d]{margin:0 auto;width:fit-content;font-size:28px;color:var(--vp-c-text-3)}.icon[data-v-14a5679d]{display:inline-block}.message[data-v-14a5679d]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-14a5679d]{padding-top:32px}.action[data-v-14a5679d]{padding-top:40px;text-align:center}.VPTeamPage[data-v-dcb1c92e]{margin:96px 0}@media (min-width: 768px){.VPTeamPage[data-v-dcb1c92e]{margin:128px 0}}.VPHome .VPTeamPageTitle[data-v-dcb1c92e-s]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPTeamPageSection+.VPTeamPageSection[data-v-dcb1c92e-s],.VPTeamMembers+.VPTeamPageSection[data-v-dcb1c92e-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-dcb1c92e-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-dcb1c92e-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-dcb1c92e-s],.VPTeamMembers+.VPTeamPageSection[data-v-dcb1c92e-s]{margin-top:96px}}.VPTeamMembers[data-v-dcb1c92e-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-dcb1c92e-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-dcb1c92e-s]{padding:0 64px}}.VPTeamPageTitle[data-v-4367ee46]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-4367ee46]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-4367ee46]{padding:80px 64px 48px}}.title[data-v-4367ee46]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-4367ee46]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-4367ee46]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-4367ee46]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-ae8ce1f7]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-ae8ce1f7]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-ae8ce1f7]{padding:0 64px}}.title[data-v-ae8ce1f7]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-ae8ce1f7]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider)}.title-text[data-v-ae8ce1f7]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-ae8ce1f7]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-ae8ce1f7]{padding-top:40px}.VPTeamMembersItem[data-v-5406f3c0]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-5406f3c0]{padding:32px}.VPTeamMembersItem.small .data[data-v-5406f3c0]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-5406f3c0]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-5406f3c0]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-5406f3c0]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-5406f3c0]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-5406f3c0]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-5406f3c0]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-5406f3c0]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-5406f3c0]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-5406f3c0]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-5406f3c0]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-5406f3c0]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-5406f3c0]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-5406f3c0]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-5406f3c0]{text-align:center}.avatar[data-v-5406f3c0]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-5406f3c0]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-5406f3c0]{margin:0;font-weight:600}.affiliation[data-v-5406f3c0]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-5406f3c0]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-5406f3c0]:hover{color:var(--vp-c-brand-1)}.desc[data-v-5406f3c0]{margin:0 auto}.desc[data-v-5406f3c0] a{font-weight:500;color:var(--vp-c-brand-1);text-decoration-style:dotted;transition:color .25s}.links[data-v-5406f3c0]{display:flex;justify-content:center;height:56px}.sp-link[data-v-5406f3c0]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp .sp-link.link[data-v-5406f3c0]:hover,.sp .sp-link.link[data-v-5406f3c0]:focus{outline:none;color:var(--vp-c-white);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-5406f3c0]{margin-right:8px;font-size:16px}.VPTeamMembers.small .container[data-v-d088e65d]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-d088e65d]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-d088e65d]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-d088e65d]{max-width:876px}.VPTeamMembers.medium .container[data-v-d088e65d]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-d088e65d]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-d088e65d]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-d088e65d]{max-width:760px}.container[data-v-d088e65d]{display:grid;gap:24px;margin:0 auto;max-width:1152px}.VPLocalSearchBox[data-v-5318ab55]{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex}.backdrop[data-v-5318ab55]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vp-backdrop-bg-color);transition:opacity .5s}.shell[data-v-5318ab55]{position:relative;padding:12px;margin:64px auto;display:flex;flex-direction:column;gap:16px;background:var(--vp-local-search-bg);width:min(100vw - 60px,900px);height:min-content;max-height:min(100vh - 128px,900px);border-radius:6px}@media (max-width: 767px){.shell[data-v-5318ab55]{margin:0;width:100vw;height:100vh;max-height:none;border-radius:0}}.search-bar[data-v-5318ab55]{border:1px solid var(--vp-c-divider);border-radius:4px;display:flex;align-items:center;padding:0 12px;cursor:text}@media (max-width: 767px){.search-bar[data-v-5318ab55]{padding:0 8px}}.search-bar[data-v-5318ab55]:focus-within{border-color:var(--vp-c-brand-1)}.local-search-icon[data-v-5318ab55]{display:block;font-size:18px}.navigate-icon[data-v-5318ab55]{display:block;font-size:14px}.search-icon[data-v-5318ab55]{margin:8px}@media (max-width: 767px){.search-icon[data-v-5318ab55]{display:none}}.search-input[data-v-5318ab55]{padding:6px 12px;font-size:inherit;width:100%}@media (max-width: 767px){.search-input[data-v-5318ab55]{padding:6px 4px}}.search-actions[data-v-5318ab55]{display:flex;gap:4px}@media (any-pointer: coarse){.search-actions[data-v-5318ab55]{gap:8px}}@media (min-width: 769px){.search-actions.before[data-v-5318ab55]{display:none}}.search-actions button[data-v-5318ab55]{padding:8px}.search-actions button[data-v-5318ab55]:not([disabled]):hover,.toggle-layout-button.detailed-list[data-v-5318ab55]{color:var(--vp-c-brand-1)}.search-actions button.clear-button[data-v-5318ab55]:disabled{opacity:.37}.search-keyboard-shortcuts[data-v-5318ab55]{font-size:.8rem;opacity:75%;display:flex;flex-wrap:wrap;gap:16px;line-height:14px}.search-keyboard-shortcuts span[data-v-5318ab55]{display:flex;align-items:center;gap:4px}@media (max-width: 767px){.search-keyboard-shortcuts[data-v-5318ab55]{display:none}}.search-keyboard-shortcuts kbd[data-v-5318ab55]{background:#8080801a;border-radius:4px;padding:3px 6px;min-width:24px;display:inline-block;text-align:center;vertical-align:middle;border:1px solid rgba(128,128,128,.15);box-shadow:0 2px 2px #0000001a}.results[data-v-5318ab55]{display:flex;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.result[data-v-5318ab55]{display:flex;align-items:center;gap:8px;border-radius:4px;transition:none;line-height:1rem;border:solid 2px var(--vp-local-search-result-border);outline:none}.result>div[data-v-5318ab55]{margin:12px;width:100%;overflow:hidden}@media (max-width: 767px){.result>div[data-v-5318ab55]{margin:8px}}.titles[data-v-5318ab55]{display:flex;flex-wrap:wrap;gap:4px;position:relative;z-index:1001;padding:2px 0}.title[data-v-5318ab55]{display:flex;align-items:center;gap:4px}.title.main[data-v-5318ab55]{font-weight:500}.title-icon[data-v-5318ab55]{opacity:.5;font-weight:500;color:var(--vp-c-brand-1)}.title svg[data-v-5318ab55]{opacity:.5}.result.selected[data-v-5318ab55]{--vp-local-search-result-bg: var(--vp-local-search-result-selected-bg);border-color:var(--vp-local-search-result-selected-border)}.excerpt-wrapper[data-v-5318ab55]{position:relative}.excerpt[data-v-5318ab55]{opacity:50%;pointer-events:none;max-height:140px;overflow:hidden;position:relative;margin-top:4px}.result.selected .excerpt[data-v-5318ab55]{opacity:1}.excerpt[data-v-5318ab55] *{font-size:.8rem!important;line-height:130%!important}.titles[data-v-5318ab55] mark,.excerpt[data-v-5318ab55] mark{background-color:var(--vp-local-search-highlight-bg);color:var(--vp-local-search-highlight-text);border-radius:2px;padding:0 2px}.excerpt[data-v-5318ab55] .vp-code-group .tabs{display:none}.excerpt[data-v-5318ab55] .vp-code-group div[class*=language-]{border-radius:8px!important}.excerpt-gradient-bottom[data-v-5318ab55]{position:absolute;bottom:-1px;left:0;width:100%;height:8px;background:linear-gradient(transparent,var(--vp-local-search-result-bg));z-index:1000}.excerpt-gradient-top[data-v-5318ab55]{position:absolute;top:-1px;left:0;width:100%;height:8px;background:linear-gradient(var(--vp-local-search-result-bg),transparent);z-index:1000}.result.selected .titles[data-v-5318ab55],.result.selected .title-icon[data-v-5318ab55]{color:var(--vp-c-brand-1)!important}.no-results[data-v-5318ab55]{font-size:.9rem;text-align:center;padding:12px}svg[data-v-5318ab55]{flex:none}
+:root{--vp-home-hero-name-color: transparent;--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #ede0b3 50%, #8f4136)}@media (min-width: 640px){:root{--vp-home-hero-image-filter: blur(56px)}}@media (min-width: 960px){:root{--vp-home-hero-image-filter: blur(68px)}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-cyrillic-ext.BBPuwvHQ.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-cyrillic.C5lxZ8CY.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-greek-ext.CqjqNYQ-.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-greek.BBVDIX6e.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-vietnamese.BjW4sHH5.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-latin-ext.4ZJIpNVo.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-cyrillic-ext.r48I6akx.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-cyrillic.By2_1cv3.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-greek-ext.1u6EdAuj.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-greek.DJ8dCoTZ.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-vietnamese.BSbpV94h.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-latin-ext.CN1xVJS-.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/SukiUI/assets/inter-italic-latin.C2AdPX0b.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Punctuation SC;font-weight:400;src:local("PingFang SC Regular"),local("Noto Sans CJK SC"),local("Microsoft YaHei");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:500;src:local("PingFang SC Medium"),local("Noto Sans CJK SC"),local("Microsoft YaHei");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:600;src:local("PingFang SC Semibold"),local("Noto Sans CJK SC Bold"),local("Microsoft YaHei Bold");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:700;src:local("PingFang SC Semibold"),local("Noto Sans CJK SC Bold"),local("Microsoft YaHei Bold");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}:root{--vp-c-white: #ffffff;--vp-c-black: #000000;--vp-c-neutral: var(--vp-c-black);--vp-c-neutral-inverse: var(--vp-c-white)}.dark{--vp-c-neutral: var(--vp-c-white);--vp-c-neutral-inverse: var(--vp-c-black)}:root{--vp-c-gray-1: #dddde3;--vp-c-gray-2: #e4e4e9;--vp-c-gray-3: #ebebef;--vp-c-gray-soft: rgba(142, 150, 170, .14);--vp-c-indigo-1: #3451b2;--vp-c-indigo-2: #3a5ccc;--vp-c-indigo-3: #5672cd;--vp-c-indigo-soft: rgba(100, 108, 255, .14);--vp-c-purple-1: #6f42c1;--vp-c-purple-2: #7e4cc9;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .14);--vp-c-green-1: #18794e;--vp-c-green-2: #299764;--vp-c-green-3: #30a46c;--vp-c-green-soft: rgba(16, 185, 129, .14);--vp-c-yellow-1: #915930;--vp-c-yellow-2: #946300;--vp-c-yellow-3: #9f6a00;--vp-c-yellow-soft: rgba(234, 179, 8, .14);--vp-c-red-1: #b8272c;--vp-c-red-2: #d5393e;--vp-c-red-3: #e0575b;--vp-c-red-soft: rgba(244, 63, 94, .14);--vp-c-sponsor: #db2777}.dark{--vp-c-gray-1: #515c67;--vp-c-gray-2: #414853;--vp-c-gray-3: #32363f;--vp-c-gray-soft: rgba(101, 117, 133, .16);--vp-c-indigo-1: #a8b1ff;--vp-c-indigo-2: #5c73e7;--vp-c-indigo-3: #3e63dd;--vp-c-indigo-soft: rgba(100, 108, 255, .16);--vp-c-purple-1: #c8abfa;--vp-c-purple-2: #a879e6;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .16);--vp-c-green-1: #3dd68c;--vp-c-green-2: #30a46c;--vp-c-green-3: #298459;--vp-c-green-soft: rgba(16, 185, 129, .16);--vp-c-yellow-1: #f9b44e;--vp-c-yellow-2: #da8b17;--vp-c-yellow-3: #a46a0a;--vp-c-yellow-soft: rgba(234, 179, 8, .16);--vp-c-red-1: #f66f81;--vp-c-red-2: #f14158;--vp-c-red-3: #b62a3c;--vp-c-red-soft: rgba(244, 63, 94, .16)}:root{--vp-c-bg: #ffffff;--vp-c-bg-alt: #f6f6f7;--vp-c-bg-elv: #ffffff;--vp-c-bg-soft: #f6f6f7}.dark{--vp-c-bg: #1b1b1f;--vp-c-bg-alt: #161618;--vp-c-bg-elv: #202127;--vp-c-bg-soft: #202127}:root{--vp-c-border: #c2c2c4;--vp-c-divider: #e2e2e3;--vp-c-gutter: #e2e2e3}.dark{--vp-c-border: #3c3f44;--vp-c-divider: #2e2e32;--vp-c-gutter: #000000}:root{--vp-c-text-1: rgba(60, 60, 67);--vp-c-text-2: rgba(60, 60, 67, .78);--vp-c-text-3: rgba(60, 60, 67, .56)}.dark{--vp-c-text-1: rgba(255, 255, 245, .86);--vp-c-text-2: rgba(235, 235, 245, .6);--vp-c-text-3: rgba(235, 235, 245, .38)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-brand-1);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-note-1: var(--vp-c-brand-1);--vp-c-note-2: var(--vp-c-brand-2);--vp-c-note-3: var(--vp-c-brand-3);--vp-c-note-soft: var(--vp-c-brand-soft);--vp-c-success-1: var(--vp-c-green-1);--vp-c-success-2: var(--vp-c-green-2);--vp-c-success-3: var(--vp-c-green-3);--vp-c-success-soft: var(--vp-c-green-soft);--vp-c-important-1: var(--vp-c-purple-1);--vp-c-important-2: var(--vp-c-purple-2);--vp-c-important-3: var(--vp-c-purple-3);--vp-c-important-soft: var(--vp-c-purple-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft);--vp-c-caution-1: var(--vp-c-red-1);--vp-c-caution-2: var(--vp-c-red-2);--vp-c-caution-3: var(--vp-c-red-3);--vp-c-caution-soft: var(--vp-c-red-soft)}:root{--vp-font-family-base: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}:root:where(:lang(zh)){--vp-font-family-base: "Punctuation SC", "Inter", ui-sans-serif, system-ui, "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC", "Heiti SC", "Microsoft YaHei", "DengXian", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-footer: 10;--vp-z-index-local-nav: 20;--vp-z-index-nav: 30;--vp-z-index-layout-top: 40;--vp-z-index-backdrop: 50;--vp-z-index-sidebar: 60}@media (min-width: 960px){:root{--vp-z-index-sidebar: 25}}:root{--vp-layout-max-width: 1440px}:root{--vp-header-anchor-symbol: "#"}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-color: var(--vp-c-brand-1);--vp-code-link-color: var(--vp-c-brand-1);--vp-code-link-hover-color: var(--vp-c-brand-2);--vp-code-bg: var(--vp-c-default-soft);--vp-code-block-color: var(--vp-c-text-2);--vp-code-block-bg: var(--vp-c-bg-alt);--vp-code-block-divider-color: var(--vp-c-gutter);--vp-code-lang-color: var(--vp-c-text-3);--vp-code-line-highlight-color: var(--vp-c-default-soft);--vp-code-line-number-color: var(--vp-c-text-3);--vp-code-line-diff-add-color: var(--vp-c-success-soft);--vp-code-line-diff-add-symbol-color: var(--vp-c-success-1);--vp-code-line-diff-remove-color: var(--vp-c-danger-soft);--vp-code-line-diff-remove-symbol-color: var(--vp-c-danger-1);--vp-code-line-warning-color: var(--vp-c-warning-soft);--vp-code-line-error-color: var(--vp-c-danger-soft);--vp-code-copy-code-border-color: var(--vp-c-divider);--vp-code-copy-code-bg: var(--vp-c-bg-soft);--vp-code-copy-code-hover-border-color: var(--vp-c-divider);--vp-code-copy-code-hover-bg: var(--vp-c-bg);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-copied-text-content: "Copied";--vp-code-tab-divider: var(--vp-code-block-divider-color);--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-bg: var(--vp-code-block-bg);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-code-tab-active-text-color: var(--vp-c-text-1);--vp-code-tab-active-bar-color: var(--vp-c-brand-1)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1);--vp-button-alt-border: transparent;--vp-button-alt-text: var(--vp-c-text-1);--vp-button-alt-bg: var(--vp-c-default-3);--vp-button-alt-hover-border: transparent;--vp-button-alt-hover-text: var(--vp-c-text-1);--vp-button-alt-hover-bg: var(--vp-c-default-2);--vp-button-alt-active-border: transparent;--vp-button-alt-active-text: var(--vp-c-text-1);--vp-button-alt-active-bg: var(--vp-c-default-1);--vp-button-sponsor-border: var(--vp-c-text-2);--vp-button-sponsor-text: var(--vp-c-text-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}:root{--vp-custom-block-font-size: 14px;--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: transparent;--vp-custom-block-info-text: var(--vp-c-text-1);--vp-custom-block-info-bg: var(--vp-c-default-soft);--vp-custom-block-info-code-bg: var(--vp-c-default-soft);--vp-custom-block-note-border: transparent;--vp-custom-block-note-text: var(--vp-c-text-1);--vp-custom-block-note-bg: var(--vp-c-default-soft);--vp-custom-block-note-code-bg: var(--vp-c-default-soft);--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-tip-soft);--vp-custom-block-tip-code-bg: var(--vp-c-tip-soft);--vp-custom-block-important-border: transparent;--vp-custom-block-important-text: var(--vp-c-text-1);--vp-custom-block-important-bg: var(--vp-c-important-soft);--vp-custom-block-important-code-bg: var(--vp-c-important-soft);--vp-custom-block-warning-border: transparent;--vp-custom-block-warning-text: var(--vp-c-text-1);--vp-custom-block-warning-bg: var(--vp-c-warning-soft);--vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);--vp-custom-block-danger-border: transparent;--vp-custom-block-danger-text: var(--vp-c-text-1);--vp-custom-block-danger-bg: var(--vp-c-danger-soft);--vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);--vp-custom-block-caution-border: transparent;--vp-custom-block-caution-text: var(--vp-c-text-1);--vp-custom-block-caution-bg: var(--vp-c-caution-soft);--vp-custom-block-caution-code-bg: var(--vp-c-caution-soft);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg)}:root{--vp-input-border-color: var(--vp-c-border);--vp-input-bg-color: var(--vp-c-bg-alt);--vp-input-switch-bg-color: var(--vp-c-default-soft)}:root{--vp-nav-height: 64px;--vp-nav-bg-color: var(--vp-c-bg);--vp-nav-screen-bg-color: var(--vp-c-bg);--vp-nav-logo-height: 24px}.hide-nav{--vp-nav-height: 0px}.hide-nav .VPSidebar{--vp-nav-height: 22px}:root{--vp-local-nav-bg-color: var(--vp-c-bg)}:root{--vp-sidebar-width: 272px;--vp-sidebar-bg-color: var(--vp-c-bg-alt)}:root{--vp-backdrop-bg-color: rgba(0, 0, 0, .6)}:root{--vp-home-hero-name-color: var(--vp-c-brand-1);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--vp-badge-info-border: transparent;--vp-badge-info-text: var(--vp-c-text-2);--vp-badge-info-bg: var(--vp-c-default-soft);--vp-badge-tip-border: transparent;--vp-badge-tip-text: var(--vp-c-tip-1);--vp-badge-tip-bg: var(--vp-c-tip-soft);--vp-badge-warning-border: transparent;--vp-badge-warning-text: var(--vp-c-warning-1);--vp-badge-warning-bg: var(--vp-c-warning-soft);--vp-badge-danger-border: transparent;--vp-badge-danger-text: var(--vp-c-danger-1);--vp-badge-danger-bg: var(--vp-c-danger-soft)}:root{--vp-carbon-ads-text-color: var(--vp-c-text-1);--vp-carbon-ads-poweredby-color: var(--vp-c-text-2);--vp-carbon-ads-bg-color: var(--vp-c-bg-soft);--vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);--vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1)}:root{--vp-local-search-bg: var(--vp-c-bg);--vp-local-search-result-bg: var(--vp-c-bg);--vp-local-search-result-border: var(--vp-c-divider);--vp-local-search-result-selected-bg: var(--vp-c-bg);--vp-local-search-result-selected-border: var(--vp-c-brand-1);--vp-local-search-highlight-bg: var(--vp-c-brand-1);--vp-local-search-highlight-text: var(--vp-c-neutral-inverse)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img,svg,video,canvas,audio,iframe,embed,object{display:block}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}vite-error-overlay{z-index:9999}mjx-container{overflow-x:auto}mjx-container>svg{display:inline-block;margin:auto}[class^=vpi-],[class*=" vpi-"],.vp-icon{width:1em;height:1em}[class^=vpi-].bg,[class*=" vpi-"].bg,.vp-icon.bg{background-size:100% 100%;background-color:transparent}[class^=vpi-]:not(.bg),[class*=" vpi-"]:not(.bg),.vp-icon:not(.bg){-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit}.vpi-align-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3M15 12H3M17 18H3'/%3E%3C/svg%3E")}.vpi-arrow-right,.vpi-arrow-down,.vpi-arrow-left,.vpi-arrow-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E")}.vpi-chevron-right,.vpi-chevron-down,.vpi-chevron-left,.vpi-chevron-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}.vpi-chevron-down,.vpi-arrow-down{transform:rotate(90deg)}.vpi-chevron-left,.vpi-arrow-left{transform:rotate(180deg)}.vpi-chevron-up,.vpi-arrow-up{transform:rotate(-90deg)}.vpi-square-pen{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z'/%3E%3C/svg%3E")}.vpi-plus{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E")}.vpi-sun{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E")}.vpi-moon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E")}.vpi-more-horizontal{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E")}.vpi-languages{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m5 8 6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6'/%3E%3C/svg%3E")}.vpi-heart{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}.vpi-search{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}.vpi-layout-list{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Cpath d='M14 4h7M14 9h7M14 15h7M14 20h7'/%3E%3C/svg%3E")}.vpi-delete{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20 5H9l-7 7 7 7h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2ZM18 9l-6 6M12 9l6 6'/%3E%3C/svg%3E")}.vpi-corner-down-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 10-5 5 5 5'/%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E")}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E")}.vpi-social-discord{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418Z'/%3E%3C/svg%3E")}.vpi-social-facebook{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E")}.vpi-social-github{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")}.vpi-social-instagram{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.03.084c-1.277.06-2.149.264-2.91.563a5.874 5.874 0 0 0-2.124 1.388 5.878 5.878 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076.008 8.354-.005 8.764.001 12.023c.007 3.259.021 3.667.083 4.947.061 1.277.264 2.149.563 2.911.308.789.72 1.457 1.388 2.123a5.872 5.872 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552 1.278.056 1.689.069 4.947.063 3.257-.007 3.668-.021 4.947-.082 1.28-.06 2.147-.265 2.91-.563a5.881 5.881 0 0 0 2.123-1.388 5.881 5.881 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912.056-1.28.07-1.69.063-4.948-.006-3.258-.02-3.667-.081-4.947-.06-1.28-.264-2.148-.564-2.911a5.892 5.892 0 0 0-1.387-2.123 5.857 5.857 0 0 0-2.128-1.38C19.074.322 18.202.12 16.924.066 15.647.009 15.236-.006 11.977 0 8.718.008 8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.736 3.736 0 0 1-1.382-.895 3.695 3.695 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228-.06-1.264-.072-1.644-.08-4.848-.006-3.204.006-3.583.061-4.848.05-1.169.246-1.805.408-2.228.216-.561.477-.96.895-1.382a3.705 3.705 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417 1.265-.06 1.644-.072 4.848-.08 3.203-.006 3.583.006 4.85.062 1.168.05 1.804.244 2.227.408.56.216.96.475 1.382.895.421.42.681.817.9 1.378.165.422.362 1.056.417 2.227.06 1.265.074 1.645.08 4.848.005 3.203-.006 3.583-.061 4.848-.051 1.17-.245 1.805-.408 2.23-.216.56-.477.96-.896 1.38a3.705 3.705 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418-1.266.06-1.645.072-4.85.079-3.204.007-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442 1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024 6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16 4 4 0 0 1 8 12.008'/%3E%3C/svg%3E")}.vpi-social-linkedin{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}.vpi-social-mastodon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E")}.vpi-social-npm{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z'/%3E%3C/svg%3E")}.vpi-social-slack{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z'/%3E%3C/svg%3E")}.vpi-social-twitter,.vpi-social-x{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E")}.vpi-social-youtube{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:var(--vp-custom-block-font-size);color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info a,.custom-block.info code{color:var(--vp-c-brand-1)}.custom-block.info a:hover,.custom-block.info a:hover>code{color:var(--vp-c-brand-2)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.note{border-color:var(--vp-custom-block-note-border);color:var(--vp-custom-block-note-text);background-color:var(--vp-custom-block-note-bg)}.custom-block.note a,.custom-block.note code{color:var(--vp-c-brand-1)}.custom-block.note a:hover,.custom-block.note a:hover>code{color:var(--vp-c-brand-2)}.custom-block.note code{background-color:var(--vp-custom-block-note-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip a,.custom-block.tip code{color:var(--vp-c-tip-1)}.custom-block.tip a:hover,.custom-block.tip a:hover>code{color:var(--vp-c-tip-2)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.important{border-color:var(--vp-custom-block-important-border);color:var(--vp-custom-block-important-text);background-color:var(--vp-custom-block-important-bg)}.custom-block.important a,.custom-block.important code{color:var(--vp-c-important-1)}.custom-block.important a:hover,.custom-block.important a:hover>code{color:var(--vp-c-important-2)}.custom-block.important code{background-color:var(--vp-custom-block-important-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning a,.custom-block.warning code{color:var(--vp-c-warning-1)}.custom-block.warning a:hover,.custom-block.warning a:hover>code{color:var(--vp-c-warning-2)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger a,.custom-block.danger code{color:var(--vp-c-danger-1)}.custom-block.danger a:hover,.custom-block.danger a:hover>code{color:var(--vp-c-danger-2)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.caution{border-color:var(--vp-custom-block-caution-border);color:var(--vp-custom-block-caution-text);background-color:var(--vp-custom-block-caution-bg)}.custom-block.caution a,.custom-block.caution code{color:var(--vp-c-caution-1)}.custom-block.caution a:hover,.custom-block.caution a:hover>code{color:var(--vp-c-caution-2)}.custom-block.caution code{background-color:var(--vp-custom-block-caution-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details a{color:var(--vp-c-brand-1)}.custom-block.details a:hover,.custom-block.details a:hover>code{color:var(--vp-c-brand-2)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:600}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .25s}.custom-block a:hover{opacity:.75}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.custom-block.custom-block th,.custom-block.custom-block blockquote>p{font-size:var(--vp-custom-block-font-size);color:inherit}.dark .vp-code span{color:var(--shiki-dark, inherit)}html:not(.dark) .vp-code span{color:var(--shiki-light, inherit)}.vp-code-group{margin-top:16px}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--vp-code-tab-bg);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--vp-code-tab-divider)}@media (min-width: 640px){.vp-code-group .tabs{margin-right:0;margin-left:0;border-radius:8px 8px 0 0}}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-code-tab-text-color);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--vp-code-tab-hover-text-color)}.vp-code-group input:checked+label{color:var(--vp-code-tab-active-text-color)}.vp-code-group input:checked+label:after{background-color:var(--vp-code-tab-active-bar-color)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}.vp-block{padding:20px 24px}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc h4{margin:24px 0 0;letter-spacing:-.01em;line-height:24px;font-size:18px}.vp-doc .header-anchor{position:absolute;top:0;left:0;margin-left:-.87em;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0;text-decoration:none;transition:color .25s,opacity .25s}.vp-doc .header-anchor:before{content:var(--vp-header-anchor-symbol)}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc h2 .header-anchor{top:24px}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s;color:var(--vp-c-text-2)}.vp-doc blockquote>p{margin:0;font-size:16px;transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand-1);text-decoration:underline;text-underline-offset:2px;transition:color .25s,opacity .25s}.vp-doc a:hover{color:var(--vp-c-brand-2)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{background-color:var(--vp-c-bg);border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:8px 16px}.vp-doc th{text-align:left;font-size:14px;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-doc td{font-size:14px}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block div[class*=language-]{margin:8px 0;border-radius:8px}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc .custom-block .vp-code-group .tabs{margin:0;border-radius:8px 8px 0 0}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size);color:var(--vp-code-color)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;background-color:var(--vp-code-bg);transition:color .25s,background-color .5s}.vp-doc a>code{color:var(--vp-code-link-color)}.vp-doc a:hover>code{color:var(--vp-code-link-hover-color)}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code,.vp-doc h4>code{font-size:.9em}.vp-doc div[class*=language-],.vp-block{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-],.vp-block{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:20px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .highlighted.error{background-color:var(--vp-code-line-error-color)}.vp-doc [class*=language-] code .highlighted.warning{background-color:var(--vp-code-line-warning-color)}.vp-doc [class*=language-] code .diff{transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .diff:before{position:absolute;left:10px}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){filter:blur(.095rem);opacity:.4;transition:filter .35s,opacity .35s}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){opacity:.7;transition:filter .35s,opacity .35s}.vp-doc [class*=language-]:hover .has-focused-lines .line:not(.has-focus){filter:blur(0);opacity:1}.vp-doc [class*=language-] code .diff.remove{background-color:var(--vp-code-line-diff-remove-color);opacity:.7}.vp-doc [class*=language-] code .diff.remove:before{content:"-";color:var(--vp-code-line-diff-remove-symbol-color)}.vp-doc [class*=language-] code .diff.add{background-color:var(--vp-code-line-diff-add-color)}.vp-doc [class*=language-] code .diff.add:before{content:"+";color:var(--vp-code-line-diff-add-symbol-color)}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-code-block-divider-color);padding-top:20px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--vp-code-copy-code-border-color);border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-copy-code-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover,.vp-doc [class*=language-]>button.copy.copied{border-color:var(--vp-code-copy-code-hover-border-color);background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--vp-code-copy-code-hover-border-color);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:var(--vp-code-copy-copied-text-content)}.vp-doc [class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-code-lang-color);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}:is(.vp-external-link-icon,.vp-doc a[href*="://"],.vp-doc a[target=_blank]):not(.no-icon):after{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;background:currentColor;color:var(--vp-c-text-3);flex-shrink:0;--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");-webkit-mask-image:var(--icon);mask-image:var(--icon)}.vp-external-link-icon:after{content:""}.external-link-icon-enabled :is(.vp-doc a[href*="://"],.vp-doc a[target=_blank]):after{content:"";color:currentColor}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin:0 0 4px!important;text-align:center;letter-spacing:1px!important;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-default-soft)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPBadge{display:inline-block;margin-left:2px;border:1px solid transparent;border-radius:12px;padding:0 10px;line-height:22px;font-size:12px;font-weight:500;transform:translateY(-2px)}.VPBadge.small{padding:0 6px;line-height:18px;font-size:10px;transform:translateY(-8px)}.VPDocFooter .VPBadge{display:none}.vp-doc h1>.VPBadge{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge{vertical-align:middle}.vp-doc h4>.VPBadge,.vp-doc h5>.VPBadge,.vp-doc h6>.VPBadge{vertical-align:middle;line-height:18px}.VPBadge.info{border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text);background-color:var(--vp-badge-info-bg)}.VPBadge.tip{border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text);background-color:var(--vp-badge-tip-bg)}.VPBadge.warning{border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text);background-color:var(--vp-badge-warning-bg)}.VPBadge.danger{border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text);background-color:var(--vp-badge-danger-bg)}.VPBackdrop[data-v-ffcb74bc]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:var(--vp-backdrop-bg-color);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-ffcb74bc],.VPBackdrop.fade-leave-to[data-v-ffcb74bc]{opacity:0}.VPBackdrop.fade-leave-active[data-v-ffcb74bc]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-ffcb74bc]{display:none}}.NotFound[data-v-99cbf896]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-99cbf896]{padding:96px 32px 168px}}.code[data-v-99cbf896]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-99cbf896]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-99cbf896]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-99cbf896]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-99cbf896]{padding-top:20px}.link[data-v-99cbf896]{display:inline-block;border:1px solid var(--vp-c-brand-1);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:border-color .25s,color .25s}.link[data-v-99cbf896]:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}.root[data-v-bd19aa7b]{position:relative;z-index:1}.nested[data-v-bd19aa7b]{padding-right:16px;padding-left:16px}.outline-link[data-v-bd19aa7b]{display:block;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}.outline-link[data-v-bd19aa7b]:hover,.outline-link.active[data-v-bd19aa7b]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-bd19aa7b]{padding-left:13px}.VPDocAsideOutline[data-v-539d03d7]{display:none}.VPDocAsideOutline.has-outline[data-v-539d03d7]{display:block}.content[data-v-539d03d7]{position:relative;border-left:1px solid var(--vp-c-divider);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-539d03d7]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:2px;border-radius:2px;height:18px;background-color:var(--vp-c-brand-1);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-539d03d7]{line-height:32px;font-size:14px;font-weight:600}.VPDocAside[data-v-50efae82]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-50efae82]{flex-grow:1}.VPDocAside[data-v-50efae82] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-50efae82] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-50efae82] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-72d8ecba]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-72d8ecba]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-b1357397]{margin-top:64px}.edit-info[data-v-b1357397]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-b1357397]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-b1357397]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.edit-link-button[data-v-b1357397]:hover{color:var(--vp-c-brand-2)}.edit-link-icon[data-v-b1357397]{margin-right:8px}.prev-next[data-v-b1357397]{border-top:1px solid var(--vp-c-divider);padding-top:24px;display:grid;grid-row-gap:8px}@media (min-width: 640px){.prev-next[data-v-b1357397]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.pager-link[data-v-b1357397]{display:block;border:1px solid var(--vp-c-divider);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-b1357397]:hover{border-color:var(--vp-c-brand-1)}.pager-link.next[data-v-b1357397]{margin-left:auto;text-align:right}.desc[data-v-b1357397]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-b1357397]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.VPDoc[data-v-faed6907]{padding:32px 24px 96px;width:100%}@media (min-width: 768px){.VPDoc[data-v-faed6907]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-faed6907]{padding:48px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-faed6907]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-faed6907]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-faed6907]{display:flex;justify-content:center}.VPDoc .aside[data-v-faed6907]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-faed6907]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-faed6907]{max-width:1104px}}.container[data-v-faed6907]{margin:0 auto;width:100%}.aside[data-v-faed6907]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.left-aside[data-v-faed6907]{order:1;padding-left:unset;padding-right:32px}.aside-container[data-v-faed6907]{position:fixed;top:0;padding-top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 48px);width:224px;height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-faed6907]::-webkit-scrollbar{display:none}.aside-curtain[data-v-faed6907]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-faed6907]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px));padding-bottom:32px}.content[data-v-faed6907]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-faed6907]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-faed6907]{order:1;margin:0;min-width:640px}}.content-container[data-v-faed6907]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-faed6907]{max-width:688px}.VPButton[data-v-ea2dae98]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-ea2dae98]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-ea2dae98]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-ea2dae98]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-ea2dae98]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-ea2dae98]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-ea2dae98]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-ea2dae98]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-ea2dae98]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-ea2dae98]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-ea2dae98]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-ea2dae98]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-ea2dae98]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-b382c1b6]{display:none}.dark .VPImage.light[data-v-b382c1b6]{display:none}.VPHero[data-v-d5c7f06b]{margin-top:calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-d5c7f06b]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-d5c7f06b]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px}}.container[data-v-d5c7f06b]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-d5c7f06b]{flex-direction:row}}.main[data-v-d5c7f06b]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-d5c7f06b]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-d5c7f06b]{text-align:left}}@media (min-width: 960px){.main[data-v-d5c7f06b]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-d5c7f06b]{max-width:592px}}.name[data-v-d5c7f06b],.text[data-v-d5c7f06b]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-d5c7f06b],.VPHero.has-image .text[data-v-d5c7f06b]{margin:0 auto}.name[data-v-d5c7f06b]{color:var(--vp-home-hero-name-color)}.clip[data-v-d5c7f06b]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-d5c7f06b],.text[data-v-d5c7f06b]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-d5c7f06b],.text[data-v-d5c7f06b]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-d5c7f06b],.VPHero.has-image .text[data-v-d5c7f06b]{margin:0}}.tagline[data-v-d5c7f06b]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-d5c7f06b]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-d5c7f06b]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-d5c7f06b]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-d5c7f06b]{margin:0}}.actions[data-v-d5c7f06b]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-d5c7f06b]{justify-content:center}@media (min-width: 640px){.actions[data-v-d5c7f06b]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-d5c7f06b]{justify-content:flex-start}}.action[data-v-d5c7f06b]{flex-shrink:0;padding:6px}.image[data-v-d5c7f06b]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-d5c7f06b]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-d5c7f06b]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-d5c7f06b]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-d5c7f06b]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-d5c7f06b]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-d5c7f06b]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-d5c7f06b]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-d5c7f06b]{width:320px;height:320px}}[data-v-d5c7f06b] .image-src{position:absolute;top:50%;left:50%;max-width:192px;max-height:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-d5c7f06b] .image-src{max-width:256px;max-height:256px}}@media (min-width: 960px){[data-v-d5c7f06b] .image-src{max-width:320px;max-height:320px}}.VPFeature[data-v-b6a92bf3]{display:block;border:1px solid var(--vp-c-bg-soft);border-radius:12px;height:100%;background-color:var(--vp-c-bg-soft);transition:border-color .25s,background-color .25s}.VPFeature.link[data-v-b6a92bf3]:hover{border-color:var(--vp-c-brand-1)}.box[data-v-b6a92bf3]{display:flex;flex-direction:column;padding:24px;height:100%}.box[data-v-b6a92bf3]>.VPImage{margin-bottom:20px}.icon[data-v-b6a92bf3]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-default-soft);width:48px;height:48px;font-size:24px;transition:background-color .25s}.title[data-v-b6a92bf3]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-b6a92bf3]{flex-grow:1;padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.link-text[data-v-b6a92bf3]{padding-top:8px}.link-text-value[data-v-b6a92bf3]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.link-text-icon[data-v-b6a92bf3]{margin-left:6px}.VPFeatures[data-v-e3746425]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-e3746425]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-e3746425]{padding:0 64px}}.container[data-v-e3746425]{margin:0 auto;max-width:1152px}.items[data-v-e3746425]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-e3746425]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-e3746425],.item.grid-4[data-v-e3746425],.item.grid-6[data-v-e3746425]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-e3746425],.item.grid-4[data-v-e3746425]{width:50%}.item.grid-3[data-v-e3746425],.item.grid-6[data-v-e3746425]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-e3746425]{width:25%}}.container[data-v-b4fdecfd]{margin:auto;width:100%;max-width:1280px;padding:0 24px}@media (min-width: 640px){.container[data-v-b4fdecfd]{padding:0 48px}}@media (min-width: 960px){.container[data-v-b4fdecfd]{width:100%;padding:0 64px}}.vp-doc[data-v-b4fdecfd] .VPHomeSponsors,.vp-doc[data-v-b4fdecfd] .VPTeamPage{margin-left:var(--vp-offset, calc(50% - 50vw) );margin-right:var(--vp-offset, calc(50% - 50vw) )}.vp-doc[data-v-b4fdecfd] .VPHomeSponsors h2{border-top:none;letter-spacing:normal}.vp-doc[data-v-b4fdecfd] .VPHomeSponsors a,.vp-doc[data-v-b4fdecfd] .VPTeamPage a{text-decoration:none}.VPHome[data-v-1e13c00a]{margin-bottom:96px}@media (min-width: 768px){.VPHome[data-v-1e13c00a]{margin-bottom:128px}}.VPContent[data-v-8e7e6814]{flex-grow:1;flex-shrink:0;margin:var(--vp-layout-top-height, 0px) auto 0;width:100%}.VPContent.is-home[data-v-8e7e6814]{width:100%;max-width:100%}.VPContent.has-sidebar[data-v-8e7e6814]{margin:0}@media (min-width: 960px){.VPContent[data-v-8e7e6814]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-8e7e6814]{margin:var(--vp-layout-top-height, 0px) 0 0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-8e7e6814]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-7f2bb84e]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-7f2bb84e]{display:none}.VPFooter[data-v-7f2bb84e] a{text-decoration-line:underline;text-underline-offset:2px;transition:color .25s}.VPFooter[data-v-7f2bb84e] a:hover{color:var(--vp-c-text-1)}@media (min-width: 768px){.VPFooter[data-v-7f2bb84e]{padding:32px}}.container[data-v-7f2bb84e]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-7f2bb84e],.copyright[data-v-7f2bb84e]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPLocalNavOutlineDropdown[data-v-9a563931]{padding:12px 20px 11px}@media (min-width: 960px){.VPLocalNavOutlineDropdown[data-v-9a563931]{padding:12px 36px 11px}}.VPLocalNavOutlineDropdown button[data-v-9a563931]{display:block;font-size:12px;font-weight:500;line-height:24px;color:var(--vp-c-text-2);transition:color .5s;position:relative}.VPLocalNavOutlineDropdown button[data-v-9a563931]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPLocalNavOutlineDropdown button.open[data-v-9a563931]{color:var(--vp-c-text-1)}.icon[data-v-9a563931]{display:inline-block;vertical-align:middle;margin-left:2px;font-size:14px;transform:rotate(0);transition:transform .25s}@media (min-width: 960px){.VPLocalNavOutlineDropdown button[data-v-9a563931]{font-size:14px}.icon[data-v-9a563931]{font-size:16px}}.open>.icon[data-v-9a563931]{transform:rotate(90deg)}.items[data-v-9a563931]{position:absolute;top:40px;right:16px;left:16px;display:grid;gap:1px;border:1px solid var(--vp-c-border);border-radius:8px;background-color:var(--vp-c-gutter);max-height:calc(var(--vp-vh, 100vh) - 86px);overflow:hidden auto;box-shadow:var(--vp-shadow-3)}@media (min-width: 960px){.items[data-v-9a563931]{right:auto;left:calc(var(--vp-sidebar-width) + 32px);width:320px}}.header[data-v-9a563931]{background-color:var(--vp-c-bg-soft)}.top-link[data-v-9a563931]{display:block;padding:0 16px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.outline[data-v-9a563931]{padding:8px 0;background-color:var(--vp-c-bg-soft)}.flyout-enter-active[data-v-9a563931]{transition:all .2s ease-out}.flyout-leave-active[data-v-9a563931]{transition:all .15s ease-in}.flyout-enter-from[data-v-9a563931],.flyout-leave-to[data-v-9a563931]{opacity:0;transform:translateY(-16px)}.VPLocalNav[data-v-52a61b09]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);border-bottom:1px solid var(--vp-c-gutter);padding-top:var(--vp-layout-top-height, 0px);width:100%;background-color:var(--vp-local-nav-bg-color)}.VPLocalNav.fixed[data-v-52a61b09]{position:fixed}@media (min-width: 960px){.VPLocalNav[data-v-52a61b09]{top:var(--vp-nav-height)}.VPLocalNav.has-sidebar[data-v-52a61b09]{padding-left:var(--vp-sidebar-width)}.VPLocalNav.empty[data-v-52a61b09]{display:none}}@media (min-width: 1280px){.VPLocalNav[data-v-52a61b09]{display:none}}@media (min-width: 1440px){.VPLocalNav.has-sidebar[data-v-52a61b09]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.container[data-v-52a61b09]{display:flex;justify-content:space-between;align-items:center}.menu[data-v-52a61b09]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-52a61b09]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-52a61b09]{padding:0 32px}}@media (min-width: 960px){.menu[data-v-52a61b09]{display:none}}.menu-icon[data-v-52a61b09]{margin-right:8px;font-size:14px}.VPOutlineDropdown[data-v-52a61b09]{padding:12px 24px 11px}@media (min-width: 768px){.VPOutlineDropdown[data-v-52a61b09]{padding:12px 32px 11px}}.VPSwitch[data-v-24f91d09]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-input-border-color);background-color:var(--vp-input-switch-bg-color);transition:border-color .25s!important}.VPSwitch[data-v-24f91d09]:hover{border-color:var(--vp-c-brand-1)}.check[data-v-24f91d09]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-neutral-inverse);box-shadow:var(--vp-shadow-1);transition:transform .25s!important}.icon[data-v-24f91d09]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-24f91d09] [class^=vpi-]{position:absolute;top:3px;left:3px;width:12px;height:12px;color:var(--vp-c-text-2)}.dark .icon[data-v-24f91d09] [class^=vpi-]{color:var(--vp-c-text-1);transition:opacity .25s!important}.sun[data-v-d1820990]{opacity:1}.moon[data-v-d1820990],.dark .sun[data-v-d1820990]{opacity:0}.dark .moon[data-v-d1820990]{opacity:1}.dark .VPSwitchAppearance[data-v-d1820990] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-d26074e1]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-d26074e1]{display:flex;align-items:center}}.VPMenuGroup+.VPMenuLink[data-v-8d3b0e2b]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.link[data-v-8d3b0e2b]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-8d3b0e2b]:hover{color:var(--vp-c-brand-1);background-color:var(--vp-c-default-soft)}.link.active[data-v-8d3b0e2b]{color:var(--vp-c-brand-1)}.VPMenuGroup[data-v-7a3455fc]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.VPMenuGroup[data-v-7a3455fc]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-7a3455fc]{margin-top:12px;border-top:1px solid var(--vp-c-divider)}.title[data-v-7a3455fc]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);white-space:nowrap;transition:color .25s}.VPMenu[data-v-04512e7d]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-elv);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height));overflow-y:auto}.VPMenu[data-v-04512e7d] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-04512e7d] .group+.group{border-top:1px solid var(--vp-c-divider);padding:11px 12px 12px}.VPMenu[data-v-04512e7d] .group:last-child{padding-bottom:0}.VPMenu[data-v-04512e7d] .group+.item{border-top:1px solid var(--vp-c-divider);padding:11px 16px 0}.VPMenu[data-v-04512e7d] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-04512e7d] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-04512e7d] .action{padding-left:24px}.VPFlyout[data-v-874ee73e]{position:relative}.VPFlyout[data-v-874ee73e]:hover{color:var(--vp-c-brand-1);transition:color .25s}.VPFlyout:hover .text[data-v-874ee73e]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-874ee73e]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-874ee73e]{color:var(--vp-c-brand-1)}.VPFlyout.active:hover .text[data-v-874ee73e]{color:var(--vp-c-brand-2)}.button[aria-expanded=false]+.menu[data-v-874ee73e]{opacity:0;visibility:hidden;transform:translateY(0)}.VPFlyout:hover .menu[data-v-874ee73e],.button[aria-expanded=true]+.menu[data-v-874ee73e]{opacity:1;visibility:visible;transform:translateY(0)}.button[data-v-874ee73e]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height);color:var(--vp-c-text-1);transition:color .5s}.text[data-v-874ee73e]{display:flex;align-items:center;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.option-icon[data-v-874ee73e]{margin-right:0;font-size:16px}.text-icon[data-v-874ee73e]{margin-left:4px;font-size:14px}.icon[data-v-874ee73e]{font-size:20px;transition:fill .25s}.menu[data-v-874ee73e]{position:absolute;top:calc(var(--vp-nav-height) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}.VPSocialLink[data-v-90cda3ab]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-90cda3ab]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-90cda3ab]>svg,.VPSocialLink[data-v-90cda3ab]>[class^=vpi-social-]{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-f196d309]{display:flex;justify-content:center}.VPNavBarExtra[data-v-0c75386b]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-0c75386b]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-0c75386b]{display:none}}.trans-title[data-v-0c75386b]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-0c75386b],.item.social-links[data-v-0c75386b]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-0c75386b]{min-width:176px}.appearance-action[data-v-0c75386b]{margin-right:-2px}.social-links-list[data-v-0c75386b]{margin:-4px -8px}.VPNavBarHamburger[data-v-0618c747]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-0618c747]{display:none}}.container[data-v-0618c747]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-0618c747]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-0618c747]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-0618c747]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-0618c747]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-0618c747]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-0618c747]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-0618c747],.VPNavBarHamburger.active:hover .middle[data-v-0618c747],.VPNavBarHamburger.active:hover .bottom[data-v-0618c747]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-0618c747],.middle[data-v-0618c747],.bottom[data-v-0618c747]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-0618c747]{top:0;left:0;transform:translate(0)}.middle[data-v-0618c747]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-0618c747]{top:12px;left:0;transform:translate(4px)}.VPNavBarMenuLink[data-v-df12e37e]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-df12e37e],.VPNavBarMenuLink[data-v-df12e37e]:hover{color:var(--vp-c-brand-1)}.VPNavBarMenu[data-v-289b8a21]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-289b8a21]{display:flex}}/*! @docsearch/css 3.6.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 1px 0 rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 1px 1px 0 rgba(3,4,9,.30196078431372547);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}.DocSearch-Button-Key--pressed{transform:translate3d(0,1px,0);box-shadow:var(--docsearch-key-pressed-shadow)}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}.DocSearch-VisuallyHiddenForAccessibility{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[class*=DocSearch]{--docsearch-primary-color: var(--vp-c-brand-1);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-background: transparent;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark [class*=DocSearch]{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-default-soft);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:48px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button-Key--pressed{transform:none;box-shadow:none}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand-1);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{direction:ltr;display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:0!important}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"Ctrl";font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"⌘"}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.DocSearch-Search-Icon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.6' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' d='m14.386 14.386 4.088 4.088-4.088-4.088A7.533 7.533 0 1 1 3.733 3.733a7.533 7.533 0 0 1 10.653 10.653z'/%3E%3C/svg%3E")}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand-1);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-default-soft)}.DocSearch-Screen-Icon>svg{margin:auto}.VPNavBarSocialLinks[data-v-500a0d4f]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-500a0d4f]{display:flex;align-items:center}}.title[data-v-a3068ac3]{display:flex;align-items:center;border-bottom:1px solid transparent;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}@media (min-width: 960px){.title[data-v-a3068ac3]{flex-shrink:0}.VPNavBarTitle.has-sidebar .title[data-v-a3068ac3]{border-bottom-color:var(--vp-c-divider)}}[data-v-a3068ac3] .logo{margin-right:8px;height:var(--vp-nav-logo-height)}.VPNavBarTranslations[data-v-dbcfe142]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-dbcfe142]{display:flex;align-items:center}}.title[data-v-dbcfe142]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPNavBar[data-v-78b23767]{position:relative;height:var(--vp-nav-height);pointer-events:none;white-space:nowrap;transition:background-color .25s}.VPNavBar.screen-open[data-v-78b23767]{transition:none;background-color:var(--vp-nav-bg-color);border-bottom:1px solid var(--vp-c-divider)}.VPNavBar[data-v-78b23767]:not(.home){background-color:var(--vp-nav-bg-color)}@media (min-width: 960px){.VPNavBar[data-v-78b23767]:not(.home){background-color:transparent}.VPNavBar[data-v-78b23767]:not(.has-sidebar):not(.home.top){background-color:var(--vp-nav-bg-color)}}.wrapper[data-v-78b23767]{padding:0 8px 0 24px}@media (min-width: 768px){.wrapper[data-v-78b23767]{padding:0 32px}}@media (min-width: 960px){.VPNavBar.has-sidebar .wrapper[data-v-78b23767]{padding:0}}.container[data-v-78b23767]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);height:var(--vp-nav-height);pointer-events:none}.container>.title[data-v-78b23767],.container>.content[data-v-78b23767]{pointer-events:none}.container[data-v-78b23767] *{pointer-events:auto}@media (min-width: 960px){.VPNavBar.has-sidebar .container[data-v-78b23767]{max-width:100%}}.title[data-v-78b23767]{flex-shrink:0;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar.has-sidebar .title[data-v-78b23767]{position:absolute;top:0;left:0;z-index:2;padding:0 32px;width:var(--vp-sidebar-width);height:var(--vp-nav-height);background-color:transparent}}@media (min-width: 1440px){.VPNavBar.has-sidebar .title[data-v-78b23767]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.content[data-v-78b23767]{flex-grow:1}@media (min-width: 960px){.VPNavBar.has-sidebar .content[data-v-78b23767]{position:relative;z-index:1;padding-right:32px;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .content[data-v-78b23767]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.content-body[data-v-78b23767]{display:flex;justify-content:flex-end;align-items:center;height:var(--vp-nav-height);transition:background-color .5s}@media (min-width: 960px){.VPNavBar:not(.home.top) .content-body[data-v-78b23767]{position:relative;background-color:var(--vp-nav-bg-color)}.VPNavBar:not(.has-sidebar):not(.home.top) .content-body[data-v-78b23767]{background-color:transparent}}@media (max-width: 767px){.content-body[data-v-78b23767]{column-gap:.5rem}}.menu+.translations[data-v-78b23767]:before,.menu+.appearance[data-v-78b23767]:before,.menu+.social-links[data-v-78b23767]:before,.translations+.appearance[data-v-78b23767]:before,.appearance+.social-links[data-v-78b23767]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider);content:""}.menu+.appearance[data-v-78b23767]:before,.translations+.appearance[data-v-78b23767]:before{margin-right:16px}.appearance+.social-links[data-v-78b23767]:before{margin-left:16px}.social-links[data-v-78b23767]{margin-right:-8px}.divider[data-v-78b23767]{width:100%;height:1px}@media (min-width: 960px){.VPNavBar.has-sidebar .divider[data-v-78b23767]{padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .divider[data-v-78b23767]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.divider-line[data-v-78b23767]{width:100%;height:1px;transition:background-color .5s}.VPNavBar:not(.home) .divider-line[data-v-78b23767]{background-color:var(--vp-c-gutter)}@media (min-width: 960px){.VPNavBar:not(.home.top) .divider-line[data-v-78b23767]{background-color:var(--vp-c-gutter)}.VPNavBar:not(.has-sidebar):not(.home.top) .divider[data-v-78b23767]{background-color:var(--vp-c-gutter)}}.VPNavScreenAppearance[data-v-5cd484d9]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft)}.text[data-v-5cd484d9]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.VPNavScreenMenuLink[data-v-544822e0]{display:block;border-bottom:1px solid var(--vp-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .25s,color .25s}.VPNavScreenMenuLink[data-v-544822e0]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupLink[data-v-b96aa3ba]{display:block;margin-left:12px;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s}.VPNavScreenMenuGroupLink[data-v-b96aa3ba]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupSection[data-v-c16a9830]{display:block}.title[data-v-c16a9830]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-059c7b46]{border-bottom:1px solid var(--vp-c-divider);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-059c7b46]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-059c7b46]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-059c7b46]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-059c7b46]{padding-bottom:6px;color:var(--vp-c-brand-1)}.VPNavScreenMenuGroup.open .button-icon[data-v-059c7b46]{transform:rotate(45deg)}.button[data-v-059c7b46]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-059c7b46]:hover{color:var(--vp-c-brand-1)}.button-icon[data-v-059c7b46]{transition:transform .25s}.group[data-v-059c7b46]:first-child{padding-top:0}.group+.group[data-v-059c7b46],.group+.item[data-v-059c7b46]{padding-top:4px}.VPNavScreenTranslations[data-v-a7d78bed]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-a7d78bed]{height:auto}.title[data-v-a7d78bed]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-a7d78bed]{font-size:16px}.icon.lang[data-v-a7d78bed]{margin-right:8px}.icon.chevron[data-v-a7d78bed]{margin-left:4px}.list[data-v-a7d78bed]{padding:4px 0 0 24px}.link[data-v-a7d78bed]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-6dcf369a]{position:fixed;top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px));right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-nav-screen-bg-color);overflow-y:auto;transition:background-color .25s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-6dcf369a],.VPNavScreen.fade-leave-active[data-v-6dcf369a]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-6dcf369a],.VPNavScreen.fade-leave-active .container[data-v-6dcf369a]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-6dcf369a],.VPNavScreen.fade-leave-to[data-v-6dcf369a]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-6dcf369a],.VPNavScreen.fade-leave-to .container[data-v-6dcf369a]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-6dcf369a]{display:none}}.container[data-v-6dcf369a]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-6dcf369a],.menu+.appearance[data-v-6dcf369a],.translations+.appearance[data-v-6dcf369a]{margin-top:24px}.menu+.social-links[data-v-6dcf369a]{margin-top:16px}.appearance+.social-links[data-v-6dcf369a]{margin-top:16px}.VPNav[data-v-78de018e]{position:relative;top:var(--vp-layout-top-height, 0px);left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none;transition:background-color .5s}@media (min-width: 960px){.VPNav[data-v-78de018e]{position:fixed}}.VPSidebarItem.level-0[data-v-223a1195]{padding-bottom:24px}.VPSidebarItem.collapsed.level-0[data-v-223a1195]{padding-bottom:10px}.item[data-v-223a1195]{position:relative;display:flex;width:100%}.VPSidebarItem.collapsible>.item[data-v-223a1195]{cursor:pointer}.indicator[data-v-223a1195]{position:absolute;top:6px;bottom:6px;left:-17px;width:2px;border-radius:2px;transition:background-color .25s}.VPSidebarItem.level-2.is-active>.item>.indicator[data-v-223a1195],.VPSidebarItem.level-3.is-active>.item>.indicator[data-v-223a1195],.VPSidebarItem.level-4.is-active>.item>.indicator[data-v-223a1195],.VPSidebarItem.level-5.is-active>.item>.indicator[data-v-223a1195]{background-color:var(--vp-c-brand-1)}.link[data-v-223a1195]{display:flex;align-items:center;flex-grow:1}.text[data-v-223a1195]{flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;transition:color .25s}.VPSidebarItem.level-0 .text[data-v-223a1195]{font-weight:700;color:var(--vp-c-text-1)}.VPSidebarItem.level-1 .text[data-v-223a1195],.VPSidebarItem.level-2 .text[data-v-223a1195],.VPSidebarItem.level-3 .text[data-v-223a1195],.VPSidebarItem.level-4 .text[data-v-223a1195],.VPSidebarItem.level-5 .text[data-v-223a1195]{font-weight:500;color:var(--vp-c-text-2)}.VPSidebarItem.level-0.is-link>.item>.link:hover .text[data-v-223a1195],.VPSidebarItem.level-1.is-link>.item>.link:hover .text[data-v-223a1195],.VPSidebarItem.level-2.is-link>.item>.link:hover .text[data-v-223a1195],.VPSidebarItem.level-3.is-link>.item>.link:hover .text[data-v-223a1195],.VPSidebarItem.level-4.is-link>.item>.link:hover .text[data-v-223a1195],.VPSidebarItem.level-5.is-link>.item>.link:hover .text[data-v-223a1195]{color:var(--vp-c-brand-1)}.VPSidebarItem.level-0.has-active>.item>.text[data-v-223a1195],.VPSidebarItem.level-1.has-active>.item>.text[data-v-223a1195],.VPSidebarItem.level-2.has-active>.item>.text[data-v-223a1195],.VPSidebarItem.level-3.has-active>.item>.text[data-v-223a1195],.VPSidebarItem.level-4.has-active>.item>.text[data-v-223a1195],.VPSidebarItem.level-5.has-active>.item>.text[data-v-223a1195],.VPSidebarItem.level-0.has-active>.item>.link>.text[data-v-223a1195],.VPSidebarItem.level-1.has-active>.item>.link>.text[data-v-223a1195],.VPSidebarItem.level-2.has-active>.item>.link>.text[data-v-223a1195],.VPSidebarItem.level-3.has-active>.item>.link>.text[data-v-223a1195],.VPSidebarItem.level-4.has-active>.item>.link>.text[data-v-223a1195],.VPSidebarItem.level-5.has-active>.item>.link>.text[data-v-223a1195]{color:var(--vp-c-text-1)}.VPSidebarItem.level-0.is-active>.item .link>.text[data-v-223a1195],.VPSidebarItem.level-1.is-active>.item .link>.text[data-v-223a1195],.VPSidebarItem.level-2.is-active>.item .link>.text[data-v-223a1195],.VPSidebarItem.level-3.is-active>.item .link>.text[data-v-223a1195],.VPSidebarItem.level-4.is-active>.item .link>.text[data-v-223a1195],.VPSidebarItem.level-5.is-active>.item .link>.text[data-v-223a1195]{color:var(--vp-c-brand-1)}.caret[data-v-223a1195]{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--vp-c-text-3);cursor:pointer;transition:color .25s;flex-shrink:0}.item:hover .caret[data-v-223a1195]{color:var(--vp-c-text-2)}.item:hover .caret[data-v-223a1195]:hover{color:var(--vp-c-text-1)}.caret-icon[data-v-223a1195]{font-size:18px;transform:rotate(90deg);transition:transform .25s}.VPSidebarItem.collapsed .caret-icon[data-v-223a1195]{transform:rotate(0)}.VPSidebarItem.level-1 .items[data-v-223a1195],.VPSidebarItem.level-2 .items[data-v-223a1195],.VPSidebarItem.level-3 .items[data-v-223a1195],.VPSidebarItem.level-4 .items[data-v-223a1195],.VPSidebarItem.level-5 .items[data-v-223a1195]{border-left:1px solid var(--vp-c-divider);padding-left:16px}.VPSidebarItem.collapsed .items[data-v-223a1195]{display:none}.no-transition[data-v-3897b8f7] .caret-icon{transition:none}.group+.group[data-v-3897b8f7]{border-top:1px solid var(--vp-c-divider);padding-top:10px}@media (min-width: 960px){.group[data-v-3897b8f7]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}}.VPSidebar[data-v-b7e6d1e9]{position:fixed;top:var(--vp-layout-top-height, 0px);bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-sidebar-bg-color);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;overscroll-behavior:contain}.VPSidebar.open[data-v-b7e6d1e9]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-b7e6d1e9]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-b7e6d1e9]{padding-top:var(--vp-nav-height);width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-sidebar-bg-color);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-b7e6d1e9]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}@media (min-width: 960px){.curtain[data-v-b7e6d1e9]{position:sticky;top:-64px;left:0;z-index:1;margin-top:calc(var(--vp-nav-height) * -1);margin-right:-32px;margin-left:-32px;height:var(--vp-nav-height);background-color:var(--vp-sidebar-bg-color)}}.nav[data-v-b7e6d1e9]{outline:0}.VPSkipLink[data-v-5fefb41a]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand-1);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-5fefb41a]:focus{height:auto;width:auto;clip:auto;clip-path:none}@media (min-width: 1280px){.VPSkipLink[data-v-5fefb41a]{top:14px;left:16px}}.Layout[data-v-f300ac55]{display:flex;flex-direction:column;min-height:100vh}.VPHomeSponsors[data-v-995cfef7]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPHomeSponsors[data-v-995cfef7]{margin:96px 0}@media (min-width: 768px){.VPHomeSponsors[data-v-995cfef7]{margin:128px 0}}.VPHomeSponsors[data-v-995cfef7]{padding:0 24px}@media (min-width: 768px){.VPHomeSponsors[data-v-995cfef7]{padding:0 48px}}@media (min-width: 960px){.VPHomeSponsors[data-v-995cfef7]{padding:0 64px}}.container[data-v-995cfef7]{margin:0 auto;max-width:1152px}.love[data-v-995cfef7]{margin:0 auto;width:fit-content;font-size:28px;color:var(--vp-c-text-3)}.icon[data-v-995cfef7]{display:inline-block}.message[data-v-995cfef7]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-995cfef7]{padding-top:32px}.action[data-v-995cfef7]{padding-top:40px;text-align:center}.VPTeamPage[data-v-7afc0120]{margin:96px 0}@media (min-width: 768px){.VPTeamPage[data-v-7afc0120]{margin:128px 0}}.VPHome .VPTeamPageTitle[data-v-7afc0120-s]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPTeamPageSection+.VPTeamPageSection[data-v-7afc0120-s],.VPTeamMembers+.VPTeamPageSection[data-v-7afc0120-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-7afc0120-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-7afc0120-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-7afc0120-s],.VPTeamMembers+.VPTeamPageSection[data-v-7afc0120-s]{margin-top:96px}}.VPTeamMembers[data-v-7afc0120-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-7afc0120-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-7afc0120-s]{padding:0 64px}}.VPTeamPageTitle[data-v-3bff0558]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-3bff0558]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-3bff0558]{padding:80px 64px 48px}}.title[data-v-3bff0558]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-3bff0558]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-3bff0558]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-3bff0558]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-cd03a704]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-cd03a704]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-cd03a704]{padding:0 64px}}.title[data-v-cd03a704]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-cd03a704]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider)}.title-text[data-v-cd03a704]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-cd03a704]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-cd03a704]{padding-top:40px}.VPTeamMembersItem[data-v-6af2ae0d]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-6af2ae0d]{padding:32px}.VPTeamMembersItem.small .data[data-v-6af2ae0d]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-6af2ae0d]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-6af2ae0d]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-6af2ae0d]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-6af2ae0d]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-6af2ae0d]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-6af2ae0d]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-6af2ae0d]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-6af2ae0d]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-6af2ae0d]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-6af2ae0d]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-6af2ae0d]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-6af2ae0d]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-6af2ae0d]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-6af2ae0d]{text-align:center}.avatar[data-v-6af2ae0d]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-6af2ae0d]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-6af2ae0d]{margin:0;font-weight:600}.affiliation[data-v-6af2ae0d]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-6af2ae0d]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-6af2ae0d]:hover{color:var(--vp-c-brand-1)}.desc[data-v-6af2ae0d]{margin:0 auto}.desc[data-v-6af2ae0d] a{font-weight:500;color:var(--vp-c-brand-1);text-decoration-style:dotted;transition:color .25s}.links[data-v-6af2ae0d]{display:flex;justify-content:center;height:56px}.sp-link[data-v-6af2ae0d]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp .sp-link.link[data-v-6af2ae0d]:hover,.sp .sp-link.link[data-v-6af2ae0d]:focus{outline:none;color:var(--vp-c-white);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-6af2ae0d]{margin-right:8px;font-size:16px}.VPTeamMembers.small .container[data-v-c7a4c819]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-c7a4c819]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-c7a4c819]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-c7a4c819]{max-width:876px}.VPTeamMembers.medium .container[data-v-c7a4c819]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-c7a4c819]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-c7a4c819]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-c7a4c819]{max-width:760px}.container[data-v-c7a4c819]{display:grid;gap:24px;margin:0 auto;max-width:1152px}.VPLocalSearchBox[data-v-bbf8889f]{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex}.backdrop[data-v-bbf8889f]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vp-backdrop-bg-color);transition:opacity .5s}.shell[data-v-bbf8889f]{position:relative;padding:12px;margin:64px auto;display:flex;flex-direction:column;gap:16px;background:var(--vp-local-search-bg);width:min(100vw - 60px,900px);height:min-content;max-height:min(100vh - 128px,900px);border-radius:6px}@media (max-width: 767px){.shell[data-v-bbf8889f]{margin:0;width:100vw;height:100vh;max-height:none;border-radius:0}}.search-bar[data-v-bbf8889f]{border:1px solid var(--vp-c-divider);border-radius:4px;display:flex;align-items:center;padding:0 12px;cursor:text}@media (max-width: 767px){.search-bar[data-v-bbf8889f]{padding:0 8px}}.search-bar[data-v-bbf8889f]:focus-within{border-color:var(--vp-c-brand-1)}.local-search-icon[data-v-bbf8889f]{display:block;font-size:18px}.navigate-icon[data-v-bbf8889f]{display:block;font-size:14px}.search-icon[data-v-bbf8889f]{margin:8px}@media (max-width: 767px){.search-icon[data-v-bbf8889f]{display:none}}.search-input[data-v-bbf8889f]{padding:6px 12px;font-size:inherit;width:100%}@media (max-width: 767px){.search-input[data-v-bbf8889f]{padding:6px 4px}}.search-actions[data-v-bbf8889f]{display:flex;gap:4px}@media (any-pointer: coarse){.search-actions[data-v-bbf8889f]{gap:8px}}@media (min-width: 769px){.search-actions.before[data-v-bbf8889f]{display:none}}.search-actions button[data-v-bbf8889f]{padding:8px}.search-actions button[data-v-bbf8889f]:not([disabled]):hover,.toggle-layout-button.detailed-list[data-v-bbf8889f]{color:var(--vp-c-brand-1)}.search-actions button.clear-button[data-v-bbf8889f]:disabled{opacity:.37}.search-keyboard-shortcuts[data-v-bbf8889f]{font-size:.8rem;opacity:75%;display:flex;flex-wrap:wrap;gap:16px;line-height:14px}.search-keyboard-shortcuts span[data-v-bbf8889f]{display:flex;align-items:center;gap:4px}@media (max-width: 767px){.search-keyboard-shortcuts[data-v-bbf8889f]{display:none}}.search-keyboard-shortcuts kbd[data-v-bbf8889f]{background:#8080801a;border-radius:4px;padding:3px 6px;min-width:24px;display:inline-block;text-align:center;vertical-align:middle;border:1px solid rgba(128,128,128,.15);box-shadow:0 2px 2px #0000001a}.results[data-v-bbf8889f]{display:flex;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.result[data-v-bbf8889f]{display:flex;align-items:center;gap:8px;border-radius:4px;transition:none;line-height:1rem;border:solid 2px var(--vp-local-search-result-border);outline:none}.result>div[data-v-bbf8889f]{margin:12px;width:100%;overflow:hidden}@media (max-width: 767px){.result>div[data-v-bbf8889f]{margin:8px}}.titles[data-v-bbf8889f]{display:flex;flex-wrap:wrap;gap:4px;position:relative;z-index:1001;padding:2px 0}.title[data-v-bbf8889f]{display:flex;align-items:center;gap:4px}.title.main[data-v-bbf8889f]{font-weight:500}.title-icon[data-v-bbf8889f]{opacity:.5;font-weight:500;color:var(--vp-c-brand-1)}.title svg[data-v-bbf8889f]{opacity:.5}.result.selected[data-v-bbf8889f]{--vp-local-search-result-bg: var(--vp-local-search-result-selected-bg);border-color:var(--vp-local-search-result-selected-border)}.excerpt-wrapper[data-v-bbf8889f]{position:relative}.excerpt[data-v-bbf8889f]{opacity:50%;pointer-events:none;max-height:140px;overflow:hidden;position:relative;margin-top:4px}.result.selected .excerpt[data-v-bbf8889f]{opacity:1}.excerpt[data-v-bbf8889f] *{font-size:.8rem!important;line-height:130%!important}.titles[data-v-bbf8889f] mark,.excerpt[data-v-bbf8889f] mark{background-color:var(--vp-local-search-highlight-bg);color:var(--vp-local-search-highlight-text);border-radius:2px;padding:0 2px}.excerpt[data-v-bbf8889f] .vp-code-group .tabs{display:none}.excerpt[data-v-bbf8889f] .vp-code-group div[class*=language-]{border-radius:8px!important}.excerpt-gradient-bottom[data-v-bbf8889f]{position:absolute;bottom:-1px;left:0;width:100%;height:8px;background:linear-gradient(transparent,var(--vp-local-search-result-bg));z-index:1000}.excerpt-gradient-top[data-v-bbf8889f]{position:absolute;top:-1px;left:0;width:100%;height:8px;background:linear-gradient(var(--vp-local-search-result-bg),transparent);z-index:1000}.result.selected .titles[data-v-bbf8889f],.result.selected .title-icon[data-v-bbf8889f]{color:var(--vp-c-brand-1)!important}.no-results[data-v-bbf8889f]{font-size:.9rem;text-align:center;padding:12px}svg[data-v-bbf8889f]{flex:none}
diff --git a/assets/zh_documentation_controls_data_busyarea.md.JPV_jpax.js b/assets/zh_documentation_controls_data_busyarea.md.BG9a8YPp.js
similarity index 93%
rename from assets/zh_documentation_controls_data_busyarea.md.JPV_jpax.js
rename to assets/zh_documentation_controls_data_busyarea.md.BG9a8YPp.js
index 1a66b19a8..2330d6d67 100644
--- a/assets/zh_documentation_controls_data_busyarea.md.JPV_jpax.js
+++ b/assets/zh_documentation_controls_data_busyarea.md.BG9a8YPp.js
@@ -1,3 +1,3 @@
-import{_ as a,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"BusyArea","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/busyarea.md","filePath":"zh/documentation/controls/data/busyarea.md"}'),n={name:"zh/documentation/controls/data/busyarea.md"};function l(h,s,r,p,k,o){return e(),i("div",null,s[0]||(s[0]=[t(`<h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
+import{_ as a,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"BusyArea","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/busyarea.md","filePath":"zh/documentation/controls/data/busyarea.md"}'),n={name:"zh/documentation/controls/data/busyarea.md"};function l(h,s,r,p,k,o){return e(),i("div",null,s[0]||(s[0]=[t(`<h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,3)]))}const u=a(n,[["render",l]]);export{c as __pageData,u as default};
diff --git a/assets/zh_documentation_controls_data_busyarea.md.JPV_jpax.lean.js b/assets/zh_documentation_controls_data_busyarea.md.BG9a8YPp.lean.js
similarity index 93%
rename from assets/zh_documentation_controls_data_busyarea.md.JPV_jpax.lean.js
rename to assets/zh_documentation_controls_data_busyarea.md.BG9a8YPp.lean.js
index 1a66b19a8..2330d6d67 100644
--- a/assets/zh_documentation_controls_data_busyarea.md.JPV_jpax.lean.js
+++ b/assets/zh_documentation_controls_data_busyarea.md.BG9a8YPp.lean.js
@@ -1,3 +1,3 @@
-import{_ as a,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"BusyArea","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/busyarea.md","filePath":"zh/documentation/controls/data/busyarea.md"}'),n={name:"zh/documentation/controls/data/busyarea.md"};function l(h,s,r,p,k,o){return e(),i("div",null,s[0]||(s[0]=[t(`<h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
+import{_ as a,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"BusyArea","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/busyarea.md","filePath":"zh/documentation/controls/data/busyarea.md"}'),n={name:"zh/documentation/controls/data/busyarea.md"};function l(h,s,r,p,k,o){return e(),i("div",null,s[0]||(s[0]=[t(`<h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,3)]))}const u=a(n,[["render",l]]);export{c as __pageData,u as default};
diff --git a/assets/zh_documentation_controls_data_datagrid.md.Ce7FR71a.js b/assets/zh_documentation_controls_data_datagrid.md.CmUGWqOd.js
similarity index 85%
rename from assets/zh_documentation_controls_data_datagrid.md.Ce7FR71a.js
rename to assets/zh_documentation_controls_data_datagrid.md.CmUGWqOd.js
index 9adc10164..46b60bece 100644
--- a/assets/zh_documentation_controls_data_datagrid.md.Ce7FR71a.js
+++ b/assets/zh_documentation_controls_data_datagrid.md.CmUGWqOd.js
@@ -1 +1 @@
-import{_ as t,c as a,o as e}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/datagrid.md","filePath":"zh/documentation/controls/data/datagrid.md"}'),o={name:"zh/documentation/controls/data/datagrid.md"};function r(d,n,c,s,i,m){return e(),a("div")}const l=t(o,[["render",r]]);export{_ as __pageData,l as default};
+import{_ as t,c as a,o as e}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/datagrid.md","filePath":"zh/documentation/controls/data/datagrid.md"}'),o={name:"zh/documentation/controls/data/datagrid.md"};function r(d,n,c,s,i,m){return e(),a("div")}const l=t(o,[["render",r]]);export{_ as __pageData,l as default};
diff --git a/assets/zh_documentation_controls_data_datagrid.md.Ce7FR71a.lean.js b/assets/zh_documentation_controls_data_datagrid.md.CmUGWqOd.lean.js
similarity index 85%
rename from assets/zh_documentation_controls_data_datagrid.md.Ce7FR71a.lean.js
rename to assets/zh_documentation_controls_data_datagrid.md.CmUGWqOd.lean.js
index 9adc10164..46b60bece 100644
--- a/assets/zh_documentation_controls_data_datagrid.md.Ce7FR71a.lean.js
+++ b/assets/zh_documentation_controls_data_datagrid.md.CmUGWqOd.lean.js
@@ -1 +1 @@
-import{_ as t,c as a,o as e}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/datagrid.md","filePath":"zh/documentation/controls/data/datagrid.md"}'),o={name:"zh/documentation/controls/data/datagrid.md"};function r(d,n,c,s,i,m){return e(),a("div")}const l=t(o,[["render",r]]);export{_ as __pageData,l as default};
+import{_ as t,c as a,o as e}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/datagrid.md","filePath":"zh/documentation/controls/data/datagrid.md"}'),o={name:"zh/documentation/controls/data/datagrid.md"};function r(d,n,c,s,i,m){return e(),a("div")}const l=t(o,[["render",r]]);export{_ as __pageData,l as default};
diff --git a/assets/zh_documentation_controls_data_expander.md.5zX4zXbX.js b/assets/zh_documentation_controls_data_expander.md.BoWlT255.js
similarity index 99%
rename from assets/zh_documentation_controls_data_expander.md.5zX4zXbX.js
rename to assets/zh_documentation_controls_data_expander.md.BoWlT255.js
index 75c3daf31..8328d9d0c 100644
--- a/assets/zh_documentation_controls_data_expander.md.5zX4zXbX.js
+++ b/assets/zh_documentation_controls_data_expander.md.BoWlT255.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/expander.BruAnsjt.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"Expander","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/expander.md","filePath":"zh/documentation/controls/data/expander.md"}'),l={name:"zh/documentation/controls/data/expander.md"};function e(k,s,p,E,r,d){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> 是一个可以折叠/展开的内容容器，支持四种方向（上下左右）。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/expander.BruAnsjt.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"Expander","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/expander.md","filePath":"zh/documentation/controls/data/expander.md"}'),l={name:"zh/documentation/controls/data/expander.md"};function e(k,s,p,E,r,d){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> 是一个可以折叠/展开的内容容器，支持四种方向（上下左右）。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Some Down Content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
diff --git a/assets/zh_documentation_controls_data_expander.md.5zX4zXbX.lean.js b/assets/zh_documentation_controls_data_expander.md.BoWlT255.lean.js
similarity index 99%
rename from assets/zh_documentation_controls_data_expander.md.5zX4zXbX.lean.js
rename to assets/zh_documentation_controls_data_expander.md.BoWlT255.lean.js
index 75c3daf31..8328d9d0c 100644
--- a/assets/zh_documentation_controls_data_expander.md.5zX4zXbX.lean.js
+++ b/assets/zh_documentation_controls_data_expander.md.BoWlT255.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/expander.BruAnsjt.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"Expander","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/expander.md","filePath":"zh/documentation/controls/data/expander.md"}'),l={name:"zh/documentation/controls/data/expander.md"};function e(k,s,p,E,r,d){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> 是一个可以折叠/展开的内容容器，支持四种方向（上下左右）。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/expander.BruAnsjt.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"Expander","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/expander.md","filePath":"zh/documentation/controls/data/expander.md"}'),l={name:"zh/documentation/controls/data/expander.md"};function e(k,s,p,E,r,d){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> 是一个可以折叠/展开的内容容器，支持四种方向（上下左右）。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Some Down Content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
diff --git a/assets/zh_documentation_controls_data_groupbox.md.CB2xvAW0.js b/assets/zh_documentation_controls_data_groupbox.md.CmfmPpuY.js
similarity index 92%
rename from assets/zh_documentation_controls_data_groupbox.md.CB2xvAW0.js
rename to assets/zh_documentation_controls_data_groupbox.md.CmfmPpuY.js
index 173d95f69..8569726f3 100644
--- a/assets/zh_documentation_controls_data_groupbox.md.CB2xvAW0.js
+++ b/assets/zh_documentation_controls_data_groupbox.md.CmfmPpuY.js
@@ -1,3 +1,3 @@
-import{_ as a,c as t,a2 as i,o as e}from"./chunks/framework.Ckp7d4B5.js";const k=JSON.parse('{"title":"GroupBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/groupbox.md","filePath":"zh/documentation/controls/data/groupbox.md"}'),o={name:"zh/documentation/controls/data/groupbox.md"};function n(p,s,l,r,h,d){return e(),t("div",null,s[0]||(s[0]=[i(`<h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a,c as t,a2 as i,o as e}from"./chunks/framework.CoCfjAIq.js";const k=JSON.parse('{"title":"GroupBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/groupbox.md","filePath":"zh/documentation/controls/data/groupbox.md"}'),o={name:"zh/documentation/controls/data/groupbox.md"};function n(p,s,l,r,h,d){return e(),t("div",null,s[0]||(s[0]=[i(`<h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,3)]))}const u=a(o,[["render",n]]);export{k as __pageData,u as default};
diff --git a/assets/zh_documentation_controls_data_groupbox.md.CB2xvAW0.lean.js b/assets/zh_documentation_controls_data_groupbox.md.CmfmPpuY.lean.js
similarity index 92%
rename from assets/zh_documentation_controls_data_groupbox.md.CB2xvAW0.lean.js
rename to assets/zh_documentation_controls_data_groupbox.md.CmfmPpuY.lean.js
index 173d95f69..8569726f3 100644
--- a/assets/zh_documentation_controls_data_groupbox.md.CB2xvAW0.lean.js
+++ b/assets/zh_documentation_controls_data_groupbox.md.CmfmPpuY.lean.js
@@ -1,3 +1,3 @@
-import{_ as a,c as t,a2 as i,o as e}from"./chunks/framework.Ckp7d4B5.js";const k=JSON.parse('{"title":"GroupBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/groupbox.md","filePath":"zh/documentation/controls/data/groupbox.md"}'),o={name:"zh/documentation/controls/data/groupbox.md"};function n(p,s,l,r,h,d){return e(),t("div",null,s[0]||(s[0]=[i(`<h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a,c as t,a2 as i,o as e}from"./chunks/framework.CoCfjAIq.js";const k=JSON.parse('{"title":"GroupBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/groupbox.md","filePath":"zh/documentation/controls/data/groupbox.md"}'),o={name:"zh/documentation/controls/data/groupbox.md"};function n(p,s,l,r,h,d){return e(),t("div",null,s[0]||(s[0]=[i(`<h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,3)]))}const u=a(o,[["render",n]]);export{k as __pageData,u as default};
diff --git a/assets/zh_documentation_controls_data_listbox.md.CafHmzRi.js b/assets/zh_documentation_controls_data_listbox.md.DvASlktq.js
similarity index 91%
rename from assets/zh_documentation_controls_data_listbox.md.CafHmzRi.js
rename to assets/zh_documentation_controls_data_listbox.md.DvASlktq.js
index 923482e65..53b5ba6d4 100644
--- a/assets/zh_documentation_controls_data_listbox.md.CafHmzRi.js
+++ b/assets/zh_documentation_controls_data_listbox.md.DvASlktq.js
@@ -1 +1 @@
-import{_ as e,c as o,j as t,a as s,o as n}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"Listbox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/listbox.md","filePath":"zh/documentation/controls/data/listbox.md"}'),r={name:"zh/documentation/controls/data/listbox.md"};function i(l,a,c,d,b,m){return n(),o("div",null,a[0]||(a[0]=[t("h1",{id:"listbox",tabindex:"-1"},[s("Listbox "),t("a",{class:"header-anchor",href:"#listbox","aria-label":'Permalink to "Listbox"'},"​")],-1),t("p",null,[t("img",{src:"https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150",alt:"listbox"})],-1)]))}const h=e(r,[["render",i]]);export{p as __pageData,h as default};
+import{_ as e,c as o,j as t,a as s,o as n}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"Listbox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/listbox.md","filePath":"zh/documentation/controls/data/listbox.md"}'),r={name:"zh/documentation/controls/data/listbox.md"};function i(l,a,c,d,b,m){return n(),o("div",null,a[0]||(a[0]=[t("h1",{id:"listbox",tabindex:"-1"},[s("Listbox "),t("a",{class:"header-anchor",href:"#listbox","aria-label":'Permalink to "Listbox"'},"​")],-1),t("p",null,[t("img",{src:"https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150",alt:"listbox"})],-1)]))}const h=e(r,[["render",i]]);export{p as __pageData,h as default};
diff --git a/assets/zh_documentation_controls_data_listbox.md.CafHmzRi.lean.js b/assets/zh_documentation_controls_data_listbox.md.DvASlktq.lean.js
similarity index 91%
rename from assets/zh_documentation_controls_data_listbox.md.CafHmzRi.lean.js
rename to assets/zh_documentation_controls_data_listbox.md.DvASlktq.lean.js
index 923482e65..53b5ba6d4 100644
--- a/assets/zh_documentation_controls_data_listbox.md.CafHmzRi.lean.js
+++ b/assets/zh_documentation_controls_data_listbox.md.DvASlktq.lean.js
@@ -1 +1 @@
-import{_ as e,c as o,j as t,a as s,o as n}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"Listbox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/listbox.md","filePath":"zh/documentation/controls/data/listbox.md"}'),r={name:"zh/documentation/controls/data/listbox.md"};function i(l,a,c,d,b,m){return n(),o("div",null,a[0]||(a[0]=[t("h1",{id:"listbox",tabindex:"-1"},[s("Listbox "),t("a",{class:"header-anchor",href:"#listbox","aria-label":'Permalink to "Listbox"'},"​")],-1),t("p",null,[t("img",{src:"https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150",alt:"listbox"})],-1)]))}const h=e(r,[["render",i]]);export{p as __pageData,h as default};
+import{_ as e,c as o,j as t,a as s,o as n}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"Listbox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/listbox.md","filePath":"zh/documentation/controls/data/listbox.md"}'),r={name:"zh/documentation/controls/data/listbox.md"};function i(l,a,c,d,b,m){return n(),o("div",null,a[0]||(a[0]=[t("h1",{id:"listbox",tabindex:"-1"},[s("Listbox "),t("a",{class:"header-anchor",href:"#listbox","aria-label":'Permalink to "Listbox"'},"​")],-1),t("p",null,[t("img",{src:"https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150",alt:"listbox"})],-1)]))}const h=e(r,[["render",i]]);export{p as __pageData,h as default};
diff --git a/assets/zh_documentation_controls_data_treeview.md.DUB2k8i4.js b/assets/zh_documentation_controls_data_treeview.md.6plUxp5v.js
similarity index 91%
rename from assets/zh_documentation_controls_data_treeview.md.DUB2k8i4.js
rename to assets/zh_documentation_controls_data_treeview.md.6plUxp5v.js
index ad1d4b2d7..82f568bad 100644
--- a/assets/zh_documentation_controls_data_treeview.md.DUB2k8i4.js
+++ b/assets/zh_documentation_controls_data_treeview.md.6plUxp5v.js
@@ -1 +1 @@
-import{_ as a,c as r,j as e,a as o,o as s}from"./chunks/framework.Ckp7d4B5.js";const h=JSON.parse('{"title":"Treeview","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/treeview.md","filePath":"zh/documentation/controls/data/treeview.md"}'),n={name:"zh/documentation/controls/data/treeview.md"};function i(c,t,d,l,m,f){return s(),r("div",null,t[0]||(t[0]=[e("h1",{id:"treeview",tabindex:"-1"},[o("Treeview "),e("a",{class:"header-anchor",href:"#treeview","aria-label":'Permalink to "Treeview"'},"​")],-1),e("p",null,[e("img",{src:"https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2",alt:"tree"})],-1)]))}const u=a(n,[["render",i]]);export{h as __pageData,u as default};
+import{_ as a,c as r,j as e,a as o,o as s}from"./chunks/framework.CoCfjAIq.js";const h=JSON.parse('{"title":"Treeview","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/treeview.md","filePath":"zh/documentation/controls/data/treeview.md"}'),n={name:"zh/documentation/controls/data/treeview.md"};function i(c,t,d,l,m,f){return s(),r("div",null,t[0]||(t[0]=[e("h1",{id:"treeview",tabindex:"-1"},[o("Treeview "),e("a",{class:"header-anchor",href:"#treeview","aria-label":'Permalink to "Treeview"'},"​")],-1),e("p",null,[e("img",{src:"https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2",alt:"tree"})],-1)]))}const u=a(n,[["render",i]]);export{h as __pageData,u as default};
diff --git a/assets/zh_documentation_controls_data_treeview.md.DUB2k8i4.lean.js b/assets/zh_documentation_controls_data_treeview.md.6plUxp5v.lean.js
similarity index 91%
rename from assets/zh_documentation_controls_data_treeview.md.DUB2k8i4.lean.js
rename to assets/zh_documentation_controls_data_treeview.md.6plUxp5v.lean.js
index ad1d4b2d7..82f568bad 100644
--- a/assets/zh_documentation_controls_data_treeview.md.DUB2k8i4.lean.js
+++ b/assets/zh_documentation_controls_data_treeview.md.6plUxp5v.lean.js
@@ -1 +1 @@
-import{_ as a,c as r,j as e,a as o,o as s}from"./chunks/framework.Ckp7d4B5.js";const h=JSON.parse('{"title":"Treeview","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/treeview.md","filePath":"zh/documentation/controls/data/treeview.md"}'),n={name:"zh/documentation/controls/data/treeview.md"};function i(c,t,d,l,m,f){return s(),r("div",null,t[0]||(t[0]=[e("h1",{id:"treeview",tabindex:"-1"},[o("Treeview "),e("a",{class:"header-anchor",href:"#treeview","aria-label":'Permalink to "Treeview"'},"​")],-1),e("p",null,[e("img",{src:"https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2",alt:"tree"})],-1)]))}const u=a(n,[["render",i]]);export{h as __pageData,u as default};
+import{_ as a,c as r,j as e,a as o,o as s}from"./chunks/framework.CoCfjAIq.js";const h=JSON.parse('{"title":"Treeview","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/data/treeview.md","filePath":"zh/documentation/controls/data/treeview.md"}'),n={name:"zh/documentation/controls/data/treeview.md"};function i(c,t,d,l,m,f){return s(),r("div",null,t[0]||(t[0]=[e("h1",{id:"treeview",tabindex:"-1"},[o("Treeview "),e("a",{class:"header-anchor",href:"#treeview","aria-label":'Permalink to "Treeview"'},"​")],-1),e("p",null,[e("img",{src:"https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2",alt:"tree"})],-1)]))}const u=a(n,[["render",i]]);export{h as __pageData,u as default};
diff --git a/assets/zh_documentation_controls_datetime_calendar.md.BOyj4QVR.js b/assets/zh_documentation_controls_datetime_calendar.md.D1diz33i.js
similarity index 96%
rename from assets/zh_documentation_controls_datetime_calendar.md.BOyj4QVR.js
rename to assets/zh_documentation_controls_datetime_calendar.md.D1diz33i.js
index dbb65e6fe..930340ec1 100644
--- a/assets/zh_documentation_controls_datetime_calendar.md.BOyj4QVR.js
+++ b/assets/zh_documentation_controls_datetime_calendar.md.D1diz33i.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/calendar.D7duGoVl.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Calendar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/calendar.md","filePath":"zh/documentation/controls/datetime/calendar.md"}'),n={name:"zh/documentation/controls/datetime/calendar.md"};function l(o,a,d,h,c,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>显示日期数据的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(n,[["render",l]]);export{u as __pageData,b as default};
+import{_ as e}from"./chunks/calendar.D7duGoVl.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Calendar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/calendar.md","filePath":"zh/documentation/controls/datetime/calendar.md"}'),n={name:"zh/documentation/controls/datetime/calendar.md"};function l(o,a,d,h,c,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>显示日期数据的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(n,[["render",l]]);export{u as __pageData,b as default};
diff --git a/assets/zh_documentation_controls_datetime_calendar.md.BOyj4QVR.lean.js b/assets/zh_documentation_controls_datetime_calendar.md.D1diz33i.lean.js
similarity index 96%
rename from assets/zh_documentation_controls_datetime_calendar.md.BOyj4QVR.lean.js
rename to assets/zh_documentation_controls_datetime_calendar.md.D1diz33i.lean.js
index dbb65e6fe..930340ec1 100644
--- a/assets/zh_documentation_controls_datetime_calendar.md.BOyj4QVR.lean.js
+++ b/assets/zh_documentation_controls_datetime_calendar.md.D1diz33i.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/calendar.D7duGoVl.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Calendar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/calendar.md","filePath":"zh/documentation/controls/datetime/calendar.md"}'),n={name:"zh/documentation/controls/datetime/calendar.md"};function l(o,a,d,h,c,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>显示日期数据的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(n,[["render",l]]);export{u as __pageData,b as default};
+import{_ as e}from"./chunks/calendar.D7duGoVl.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Calendar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/calendar.md","filePath":"zh/documentation/controls/datetime/calendar.md"}'),n={name:"zh/documentation/controls/datetime/calendar.md"};function l(o,a,d,h,c,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>显示日期数据的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(n,[["render",l]]);export{u as __pageData,b as default};
diff --git a/assets/zh_documentation_controls_datetime_calendardatepicker.md.DBUVe7pc.js b/assets/zh_documentation_controls_datetime_calendardatepicker.md.DpcFLv4y.js
similarity index 97%
rename from assets/zh_documentation_controls_datetime_calendardatepicker.md.DBUVe7pc.js
rename to assets/zh_documentation_controls_datetime_calendardatepicker.md.DpcFLv4y.js
index 3514bc233..f0d1b02e2 100644
--- a/assets/zh_documentation_controls_datetime_calendardatepicker.md.DBUVe7pc.js
+++ b/assets/zh_documentation_controls_datetime_calendardatepicker.md.DpcFLv4y.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/calendardatepicker.IQCiRDLh.js";import{_ as t,c as i,a2 as r,o as s}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"CalendarDatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/calendardatepicker.md","filePath":"zh/documentation/controls/datetime/calendardatepicker.md"}'),n={name:"zh/documentation/controls/datetime/calendardatepicker.md"};function l(o,a,d,c,h,p){return s(),i("div",null,a[0]||(a[0]=[r('<h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(n,[["render",l]]);export{u as __pageData,b as default};
+import{_ as e}from"./chunks/calendardatepicker.IQCiRDLh.js";import{_ as t,c as i,a2 as r,o as s}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"CalendarDatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/calendardatepicker.md","filePath":"zh/documentation/controls/datetime/calendardatepicker.md"}'),n={name:"zh/documentation/controls/datetime/calendardatepicker.md"};function l(o,a,d,c,h,p){return s(),i("div",null,a[0]||(a[0]=[r('<h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(n,[["render",l]]);export{u as __pageData,b as default};
diff --git a/assets/zh_documentation_controls_datetime_calendardatepicker.md.DBUVe7pc.lean.js b/assets/zh_documentation_controls_datetime_calendardatepicker.md.DpcFLv4y.lean.js
similarity index 97%
rename from assets/zh_documentation_controls_datetime_calendardatepicker.md.DBUVe7pc.lean.js
rename to assets/zh_documentation_controls_datetime_calendardatepicker.md.DpcFLv4y.lean.js
index 3514bc233..f0d1b02e2 100644
--- a/assets/zh_documentation_controls_datetime_calendardatepicker.md.DBUVe7pc.lean.js
+++ b/assets/zh_documentation_controls_datetime_calendardatepicker.md.DpcFLv4y.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/calendardatepicker.IQCiRDLh.js";import{_ as t,c as i,a2 as r,o as s}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"CalendarDatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/calendardatepicker.md","filePath":"zh/documentation/controls/datetime/calendardatepicker.md"}'),n={name:"zh/documentation/controls/datetime/calendardatepicker.md"};function l(o,a,d,c,h,p){return s(),i("div",null,a[0]||(a[0]=[r('<h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(n,[["render",l]]);export{u as __pageData,b as default};
+import{_ as e}from"./chunks/calendardatepicker.IQCiRDLh.js";import{_ as t,c as i,a2 as r,o as s}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"CalendarDatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/calendardatepicker.md","filePath":"zh/documentation/controls/datetime/calendardatepicker.md"}'),n={name:"zh/documentation/controls/datetime/calendardatepicker.md"};function l(o,a,d,c,h,p){return s(),i("div",null,a[0]||(a[0]=[r('<h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(n,[["render",l]]);export{u as __pageData,b as default};
diff --git a/assets/zh_documentation_controls_datetime_datepicker.md.0zm9ZWz0.js b/assets/zh_documentation_controls_datetime_datepicker.md.B_xzo91v.js
similarity index 96%
rename from assets/zh_documentation_controls_datetime_datepicker.md.0zm9ZWz0.js
rename to assets/zh_documentation_controls_datetime_datepicker.md.B_xzo91v.js
index 658f5b982..558ff5fad 100644
--- a/assets/zh_documentation_controls_datetime_datepicker.md.0zm9ZWz0.js
+++ b/assets/zh_documentation_controls_datetime_datepicker.md.B_xzo91v.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/datepicker.Cm4boot_.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"DatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/datepicker.md","filePath":"zh/documentation/controls/datetime/datepicker.md"}'),o={name:"zh/documentation/controls/datetime/datepicker.md"};function n(l,a,h,d,c,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(o,[["render",n]]);export{u as __pageData,b as default};
+import{_ as e}from"./chunks/datepicker.Cm4boot_.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"DatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/datepicker.md","filePath":"zh/documentation/controls/datetime/datepicker.md"}'),o={name:"zh/documentation/controls/datetime/datepicker.md"};function n(l,a,h,d,c,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(o,[["render",n]]);export{u as __pageData,b as default};
diff --git a/assets/zh_documentation_controls_datetime_datepicker.md.0zm9ZWz0.lean.js b/assets/zh_documentation_controls_datetime_datepicker.md.B_xzo91v.lean.js
similarity index 96%
rename from assets/zh_documentation_controls_datetime_datepicker.md.0zm9ZWz0.lean.js
rename to assets/zh_documentation_controls_datetime_datepicker.md.B_xzo91v.lean.js
index 658f5b982..558ff5fad 100644
--- a/assets/zh_documentation_controls_datetime_datepicker.md.0zm9ZWz0.lean.js
+++ b/assets/zh_documentation_controls_datetime_datepicker.md.B_xzo91v.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/datepicker.Cm4boot_.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"DatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/datepicker.md","filePath":"zh/documentation/controls/datetime/datepicker.md"}'),o={name:"zh/documentation/controls/datetime/datepicker.md"};function n(l,a,h,d,c,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(o,[["render",n]]);export{u as __pageData,b as default};
+import{_ as e}from"./chunks/datepicker.Cm4boot_.js";import{_ as t,c as i,a2 as s,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"DatePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/datepicker.md","filePath":"zh/documentation/controls/datetime/datepicker.md"}'),o={name:"zh/documentation/controls/datetime/datepicker.md"};function n(l,a,h,d,c,p){return r(),i("div",null,a[0]||(a[0]=[s('<h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=t(o,[["render",n]]);export{u as __pageData,b as default};
diff --git a/assets/zh_documentation_controls_datetime_timepicker.md.Bah0FjGG.js b/assets/zh_documentation_controls_datetime_timepicker.md.ykMnV9ve.js
similarity index 96%
rename from assets/zh_documentation_controls_datetime_timepicker.md.Bah0FjGG.js
rename to assets/zh_documentation_controls_datetime_timepicker.md.ykMnV9ve.js
index 6a047ae63..120906e4d 100644
--- a/assets/zh_documentation_controls_datetime_timepicker.md.Bah0FjGG.js
+++ b/assets/zh_documentation_controls_datetime_timepicker.md.ykMnV9ve.js
@@ -1 +1 @@
-import{_ as i}from"./chunks/timepicker.BA49GX53.js";import{_ as a,c as t,a2 as s,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"TimePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/timepicker.md","filePath":"zh/documentation/controls/datetime/timepicker.md"}'),o={name:"zh/documentation/controls/datetime/timepicker.md"};function n(l,e,h,c,p,d){return r(),t("div",null,e[0]||(e[0]=[s('<h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>选择一天中某一时分的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=a(o,[["render",n]]);export{u as __pageData,b as default};
+import{_ as i}from"./chunks/timepicker.BA49GX53.js";import{_ as a,c as t,a2 as s,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"TimePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/timepicker.md","filePath":"zh/documentation/controls/datetime/timepicker.md"}'),o={name:"zh/documentation/controls/datetime/timepicker.md"};function n(l,e,h,c,p,d){return r(),t("div",null,e[0]||(e[0]=[s('<h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>选择一天中某一时分的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=a(o,[["render",n]]);export{u as __pageData,b as default};
diff --git a/assets/zh_documentation_controls_datetime_timepicker.md.Bah0FjGG.lean.js b/assets/zh_documentation_controls_datetime_timepicker.md.ykMnV9ve.lean.js
similarity index 96%
rename from assets/zh_documentation_controls_datetime_timepicker.md.Bah0FjGG.lean.js
rename to assets/zh_documentation_controls_datetime_timepicker.md.ykMnV9ve.lean.js
index 6a047ae63..120906e4d 100644
--- a/assets/zh_documentation_controls_datetime_timepicker.md.Bah0FjGG.lean.js
+++ b/assets/zh_documentation_controls_datetime_timepicker.md.ykMnV9ve.lean.js
@@ -1 +1 @@
-import{_ as i}from"./chunks/timepicker.BA49GX53.js";import{_ as a,c as t,a2 as s,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"TimePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/timepicker.md","filePath":"zh/documentation/controls/datetime/timepicker.md"}'),o={name:"zh/documentation/controls/datetime/timepicker.md"};function n(l,e,h,c,p,d){return r(),t("div",null,e[0]||(e[0]=[s('<h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>选择一天中某一时分的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=a(o,[["render",n]]);export{u as __pageData,b as default};
+import{_ as i}from"./chunks/timepicker.BA49GX53.js";import{_ as a,c as t,a2 as s,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"TimePicker","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/datetime/timepicker.md","filePath":"zh/documentation/controls/datetime/timepicker.md"}'),o={name:"zh/documentation/controls/datetime/timepicker.md"};function n(l,e,h,c,p,d){return r(),t("div",null,e[0]||(e[0]=[s('<h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>选择一天中某一时分的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',8)]))}const b=a(o,[["render",n]]);export{u as __pageData,b as default};
diff --git a/assets/zh_documentation_controls_inputs_autocompletebox.md.BFd__Ph7.js b/assets/zh_documentation_controls_inputs_autocompletebox.md.B6D2FByw.js
similarity index 99%
rename from assets/zh_documentation_controls_inputs_autocompletebox.md.BFd__Ph7.js
rename to assets/zh_documentation_controls_inputs_autocompletebox.md.B6D2FByw.js
index 5a55e6464..ebc7f792f 100644
--- a/assets/zh_documentation_controls_inputs_autocompletebox.md.BFd__Ph7.js
+++ b/assets/zh_documentation_controls_inputs_autocompletebox.md.B6D2FByw.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/autocompletebox.ClT3kpWX.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"AutoCompleteBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/autocompletebox.md","filePath":"zh/documentation/controls/inputs/autocompletebox.md"}'),e={name:"zh/documentation/controls/inputs/autocompletebox.md"};function h(k,s,p,E,r,o){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>为 <code>TextBox</code> 添加补全功能，当你需要提示建议输入项时这将有用</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/autocompletebox.ClT3kpWX.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"AutoCompleteBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/autocompletebox.md","filePath":"zh/documentation/controls/inputs/autocompletebox.md"}'),e={name:"zh/documentation/controls/inputs/autocompletebox.md"};function h(k,s,p,E,r,o){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>为 <code>TextBox</code> 添加补全功能，当你需要提示建议输入项时这将有用</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox.ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Suggested strings --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;system:String&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/zh_documentation_controls_inputs_autocompletebox.md.BFd__Ph7.lean.js b/assets/zh_documentation_controls_inputs_autocompletebox.md.B6D2FByw.lean.js
similarity index 99%
rename from assets/zh_documentation_controls_inputs_autocompletebox.md.BFd__Ph7.lean.js
rename to assets/zh_documentation_controls_inputs_autocompletebox.md.B6D2FByw.lean.js
index 5a55e6464..ebc7f792f 100644
--- a/assets/zh_documentation_controls_inputs_autocompletebox.md.BFd__Ph7.lean.js
+++ b/assets/zh_documentation_controls_inputs_autocompletebox.md.B6D2FByw.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/autocompletebox.ClT3kpWX.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"AutoCompleteBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/autocompletebox.md","filePath":"zh/documentation/controls/inputs/autocompletebox.md"}'),e={name:"zh/documentation/controls/inputs/autocompletebox.md"};function h(k,s,p,E,r,o){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>为 <code>TextBox</code> 添加补全功能，当你需要提示建议输入项时这将有用</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/autocompletebox.ClT3kpWX.js";import{_ as a,c as t,a2 as n,o as l}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"AutoCompleteBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/autocompletebox.md","filePath":"zh/documentation/controls/inputs/autocompletebox.md"}'),e={name:"zh/documentation/controls/inputs/autocompletebox.md"};function h(k,s,p,E,r,o){return l(),t("div",null,s[0]||(s[0]=[n('<h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>为 <code>TextBox</code> 添加补全功能，当你需要提示建议输入项时这将有用</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox.ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Suggested strings --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;system:String&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/zh_documentation_controls_inputs_button.md.XKQsobUf.js b/assets/zh_documentation_controls_inputs_button.md.7Poaz6tu.js
similarity index 99%
rename from assets/zh_documentation_controls_inputs_button.md.XKQsobUf.js
rename to assets/zh_documentation_controls_inputs_button.md.7Poaz6tu.js
index 3535c66ad..fa238b3e8 100644
--- a/assets/zh_documentation_controls_inputs_button.md.XKQsobUf.js
+++ b/assets/zh_documentation_controls_inputs_button.md.7Poaz6tu.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/button-busy.DgCdjOX4.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/button.md","filePath":"zh/documentation/controls/inputs/button.md"}'),l={name:"zh/documentation/controls/inputs/button.md"};function e(p,s,k,o,d,r){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI 提供了多种样式的按钮，并支持添加主题色</p><h2 id="样式" tabindex="-1">样式 <a class="header-anchor" href="#样式" aria-label="Permalink to &quot;样式&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-状态" tabindex="-1">Busy/Loading 状态 <a class="header-anchor" href="#busy-loading-状态" aria-label="Permalink to &quot;Busy/Loading 状态&quot;">​</a></h2><img src="'+i+`" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
+import{_ as i}from"./chunks/button-busy.DgCdjOX4.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/button.md","filePath":"zh/documentation/controls/inputs/button.md"}'),l={name:"zh/documentation/controls/inputs/button.md"};function e(p,s,k,o,d,r){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI 提供了多种样式的按钮，并支持添加主题色</p><h2 id="样式" tabindex="-1">样式 <a class="header-anchor" href="#样式" aria-label="Permalink to &quot;样式&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-状态" tabindex="-1">Busy/Loading 状态 <a class="header-anchor" href="#busy-loading-状态" aria-label="Permalink to &quot;Busy/Loading 状态&quot;">​</a></h2><img src="'+i+`" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">xmlns:theme=&quot;clr-namespace:SukiUI.Theme;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"></span>
diff --git a/assets/zh_documentation_controls_inputs_button.md.XKQsobUf.lean.js b/assets/zh_documentation_controls_inputs_button.md.7Poaz6tu.lean.js
similarity index 99%
rename from assets/zh_documentation_controls_inputs_button.md.XKQsobUf.lean.js
rename to assets/zh_documentation_controls_inputs_button.md.7Poaz6tu.lean.js
index 3535c66ad..fa238b3e8 100644
--- a/assets/zh_documentation_controls_inputs_button.md.XKQsobUf.lean.js
+++ b/assets/zh_documentation_controls_inputs_button.md.7Poaz6tu.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/button-busy.DgCdjOX4.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/button.md","filePath":"zh/documentation/controls/inputs/button.md"}'),l={name:"zh/documentation/controls/inputs/button.md"};function e(p,s,k,o,d,r){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI 提供了多种样式的按钮，并支持添加主题色</p><h2 id="样式" tabindex="-1">样式 <a class="header-anchor" href="#样式" aria-label="Permalink to &quot;样式&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-状态" tabindex="-1">Busy/Loading 状态 <a class="header-anchor" href="#busy-loading-状态" aria-label="Permalink to &quot;Busy/Loading 状态&quot;">​</a></h2><img src="'+i+`" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
+import{_ as i}from"./chunks/button-busy.DgCdjOX4.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/button.md","filePath":"zh/documentation/controls/inputs/button.md"}'),l={name:"zh/documentation/controls/inputs/button.md"};function e(p,s,k,o,d,r){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI 提供了多种样式的按钮，并支持添加主题色</p><h2 id="样式" tabindex="-1">样式 <a class="header-anchor" href="#样式" aria-label="Permalink to &quot;样式&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-状态" tabindex="-1">Busy/Loading 状态 <a class="header-anchor" href="#busy-loading-状态" aria-label="Permalink to &quot;Busy/Loading 状态&quot;">​</a></h2><img src="'+i+`" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">xmlns:theme=&quot;clr-namespace:SukiUI.Theme;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"></span>
diff --git a/assets/zh_documentation_controls_inputs_checkbox.md.Cv-JER6D.js b/assets/zh_documentation_controls_inputs_checkbox.md.Cf_gA-px.js
similarity index 98%
rename from assets/zh_documentation_controls_inputs_checkbox.md.Cv-JER6D.js
rename to assets/zh_documentation_controls_inputs_checkbox.md.Cf_gA-px.js
index e524ce525..e76470038 100644
--- a/assets/zh_documentation_controls_inputs_checkbox.md.Cv-JER6D.js
+++ b/assets/zh_documentation_controls_inputs_checkbox.md.Cf_gA-px.js
@@ -1,3 +1,3 @@
-import{_ as i}from"./chunks/checkbox.B6FJyu2j.js";import{_ as a,c as t,a2 as e,o as h}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/checkbox.md","filePath":"zh/documentation/controls/inputs/checkbox.md"}'),n={name:"zh/documentation/controls/inputs/checkbox.md"};function l(k,s,o,r,p,d){return h(),t("div",null,s[0]||(s[0]=[e('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>收集用户多项选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
+import{_ as i}from"./chunks/checkbox.B6FJyu2j.js";import{_ as a,c as t,a2 as e,o as h}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/checkbox.md","filePath":"zh/documentation/controls/inputs/checkbox.md"}'),n={name:"zh/documentation/controls/inputs/checkbox.md"};function l(k,s,o,r,p,d){return h(),t("div",null,s[0]||(s[0]=[e('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>收集用户多项选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Two&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsThreeState</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Three&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>`,8)]))}const g=a(n,[["render",l]]);export{u as __pageData,g as default};
diff --git a/assets/zh_documentation_controls_inputs_checkbox.md.Cv-JER6D.lean.js b/assets/zh_documentation_controls_inputs_checkbox.md.Cf_gA-px.lean.js
similarity index 98%
rename from assets/zh_documentation_controls_inputs_checkbox.md.Cv-JER6D.lean.js
rename to assets/zh_documentation_controls_inputs_checkbox.md.Cf_gA-px.lean.js
index e524ce525..e76470038 100644
--- a/assets/zh_documentation_controls_inputs_checkbox.md.Cv-JER6D.lean.js
+++ b/assets/zh_documentation_controls_inputs_checkbox.md.Cf_gA-px.lean.js
@@ -1,3 +1,3 @@
-import{_ as i}from"./chunks/checkbox.B6FJyu2j.js";import{_ as a,c as t,a2 as e,o as h}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/checkbox.md","filePath":"zh/documentation/controls/inputs/checkbox.md"}'),n={name:"zh/documentation/controls/inputs/checkbox.md"};function l(k,s,o,r,p,d){return h(),t("div",null,s[0]||(s[0]=[e('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>收集用户多项选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
+import{_ as i}from"./chunks/checkbox.B6FJyu2j.js";import{_ as a,c as t,a2 as e,o as h}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/checkbox.md","filePath":"zh/documentation/controls/inputs/checkbox.md"}'),n={name:"zh/documentation/controls/inputs/checkbox.md"};function l(k,s,o,r,p,d){return h(),t("div",null,s[0]||(s[0]=[e('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>收集用户多项选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Two&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsThreeState</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Three&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>`,8)]))}const g=a(n,[["render",l]]);export{u as __pageData,g as default};
diff --git a/assets/zh_documentation_controls_inputs_combobox.md.DwfCH1MW.js b/assets/zh_documentation_controls_inputs_combobox.md.bcuLBHA-.js
similarity index 97%
rename from assets/zh_documentation_controls_inputs_combobox.md.DwfCH1MW.js
rename to assets/zh_documentation_controls_inputs_combobox.md.bcuLBHA-.js
index affdb592d..fff42a9a4 100644
--- a/assets/zh_documentation_controls_inputs_combobox.md.DwfCH1MW.js
+++ b/assets/zh_documentation_controls_inputs_combobox.md.bcuLBHA-.js
@@ -1,2 +1,2 @@
-import{_ as i}from"./chunks/combobox.mwtSjJ7E.js";import{_ as s,c as t,a2 as o,o as e}from"./chunks/framework.Ckp7d4B5.js";const b=JSON.parse('{"title":"Combobox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/combobox.md","filePath":"zh/documentation/controls/inputs/combobox.md"}'),n={name:"zh/documentation/controls/inputs/combobox.md"};function l(r,a,h,p,c,d){return e(),t("div",null,a[0]||(a[0]=[o('<h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>从一个数据集中选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as i}from"./chunks/combobox.mwtSjJ7E.js";import{_ as s,c as t,a2 as o,o as e}from"./chunks/framework.CoCfjAIq.js";const b=JSON.parse('{"title":"Combobox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/combobox.md","filePath":"zh/documentation/controls/inputs/combobox.md"}'),n={name:"zh/documentation/controls/inputs/combobox.md"};function l(r,a,h,p,c,d){return e(),t("div",null,a[0]||(a[0]=[o('<h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>从一个数据集中选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">          SelectedItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p>`,8)]))}const u=s(n,[["render",l]]);export{b as __pageData,u as default};
diff --git a/assets/zh_documentation_controls_inputs_combobox.md.DwfCH1MW.lean.js b/assets/zh_documentation_controls_inputs_combobox.md.bcuLBHA-.lean.js
similarity index 97%
rename from assets/zh_documentation_controls_inputs_combobox.md.DwfCH1MW.lean.js
rename to assets/zh_documentation_controls_inputs_combobox.md.bcuLBHA-.lean.js
index affdb592d..fff42a9a4 100644
--- a/assets/zh_documentation_controls_inputs_combobox.md.DwfCH1MW.lean.js
+++ b/assets/zh_documentation_controls_inputs_combobox.md.bcuLBHA-.lean.js
@@ -1,2 +1,2 @@
-import{_ as i}from"./chunks/combobox.mwtSjJ7E.js";import{_ as s,c as t,a2 as o,o as e}from"./chunks/framework.Ckp7d4B5.js";const b=JSON.parse('{"title":"Combobox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/combobox.md","filePath":"zh/documentation/controls/inputs/combobox.md"}'),n={name:"zh/documentation/controls/inputs/combobox.md"};function l(r,a,h,p,c,d){return e(),t("div",null,a[0]||(a[0]=[o('<h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>从一个数据集中选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as i}from"./chunks/combobox.mwtSjJ7E.js";import{_ as s,c as t,a2 as o,o as e}from"./chunks/framework.CoCfjAIq.js";const b=JSON.parse('{"title":"Combobox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/combobox.md","filePath":"zh/documentation/controls/inputs/combobox.md"}'),n={name:"zh/documentation/controls/inputs/combobox.md"};function l(r,a,h,p,c,d){return e(),t("div",null,a[0]||(a[0]=[o('<h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>从一个数据集中选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">          SelectedItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p>`,8)]))}const u=s(n,[["render",l]]);export{b as __pageData,u as default};
diff --git a/assets/zh_documentation_controls_inputs_contextmenu.md.BG0XlUvm.js b/assets/zh_documentation_controls_inputs_contextmenu.md.CzggnY1z.js
similarity index 99%
rename from assets/zh_documentation_controls_inputs_contextmenu.md.BG0XlUvm.js
rename to assets/zh_documentation_controls_inputs_contextmenu.md.CzggnY1z.js
index c17298014..81100a1c5 100644
--- a/assets/zh_documentation_controls_inputs_contextmenu.md.BG0XlUvm.js
+++ b/assets/zh_documentation_controls_inputs_contextmenu.md.CzggnY1z.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/contextmenus.mhIenPP8.js";import{_ as a,c as n,a2 as t,o as h}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"ContextMenu","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/contextmenu.md","filePath":"zh/documentation/controls/inputs/contextmenu.md"}'),l={name:"zh/documentation/controls/inputs/contextmenu.md"};function k(p,s,e,E,r,d){return h(),n("div",null,s[0]||(s[0]=[t('<h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>为控件添加一个右键触发的上下文菜单</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/contextmenus.mhIenPP8.js";import{_ as a,c as n,a2 as t,o as h}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"ContextMenu","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/contextmenu.md","filePath":"zh/documentation/controls/inputs/contextmenu.md"}'),l={name:"zh/documentation/controls/inputs/contextmenu.md"};function k(p,s,e,E,r,d){return h(),n("div",null,s[0]||(s[0]=[t('<h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>为控件添加一个右键触发的上下文菜单</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard.ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">MenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Command</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span></span>
diff --git a/assets/zh_documentation_controls_inputs_contextmenu.md.BG0XlUvm.lean.js b/assets/zh_documentation_controls_inputs_contextmenu.md.CzggnY1z.lean.js
similarity index 99%
rename from assets/zh_documentation_controls_inputs_contextmenu.md.BG0XlUvm.lean.js
rename to assets/zh_documentation_controls_inputs_contextmenu.md.CzggnY1z.lean.js
index c17298014..81100a1c5 100644
--- a/assets/zh_documentation_controls_inputs_contextmenu.md.BG0XlUvm.lean.js
+++ b/assets/zh_documentation_controls_inputs_contextmenu.md.CzggnY1z.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/contextmenus.mhIenPP8.js";import{_ as a,c as n,a2 as t,o as h}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"ContextMenu","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/contextmenu.md","filePath":"zh/documentation/controls/inputs/contextmenu.md"}'),l={name:"zh/documentation/controls/inputs/contextmenu.md"};function k(p,s,e,E,r,d){return h(),n("div",null,s[0]||(s[0]=[t('<h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>为控件添加一个右键触发的上下文菜单</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/contextmenus.mhIenPP8.js";import{_ as a,c as n,a2 as t,o as h}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"ContextMenu","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/contextmenu.md","filePath":"zh/documentation/controls/inputs/contextmenu.md"}'),l={name:"zh/documentation/controls/inputs/contextmenu.md"};function k(p,s,e,E,r,d){return h(),n("div",null,s[0]||(s[0]=[t('<h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>为控件添加一个右键触发的上下文菜单</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard.ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">MenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Command</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span></span>
diff --git a/assets/zh_documentation_controls_inputs_dropdownbutton.md.Bn_p4TaM.js b/assets/zh_documentation_controls_inputs_dropdownbutton.md.BbBcLxS2.js
similarity index 98%
rename from assets/zh_documentation_controls_inputs_dropdownbutton.md.Bn_p4TaM.js
rename to assets/zh_documentation_controls_inputs_dropdownbutton.md.BbBcLxS2.js
index 30e712e9a..af8fdc6e8 100644
--- a/assets/zh_documentation_controls_inputs_dropdownbutton.md.Bn_p4TaM.js
+++ b/assets/zh_documentation_controls_inputs_dropdownbutton.md.BbBcLxS2.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/dropdownbutton.B353NmAm.js";import{_ as a,c as t,a2 as n,o}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"DropDownButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/dropdownbutton.md","filePath":"zh/documentation/controls/inputs/dropdownbutton.md"}'),e={name:"zh/documentation/controls/inputs/dropdownbutton.md"};function l(p,s,h,r,k,d){return o(),t("div",null,s[0]||(s[0]=[n('<h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>点击<code>DropDownButton</code>后，将会弹出自定义的内容</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/dropdownbutton.B353NmAm.js";import{_ as a,c as t,a2 as n,o}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"DropDownButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/dropdownbutton.md","filePath":"zh/documentation/controls/inputs/dropdownbutton.md"}'),e={name:"zh/documentation/controls/inputs/dropdownbutton.md"};function l(p,s,h,r,k,d){return o(),t("div",null,s[0]||(s[0]=[n('<h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>点击<code>DropDownButton</code>后，将会弹出自定义的内容</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton.Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">            &lt;!-- Content --&gt;</span></span>
diff --git a/assets/zh_documentation_controls_inputs_dropdownbutton.md.Bn_p4TaM.lean.js b/assets/zh_documentation_controls_inputs_dropdownbutton.md.BbBcLxS2.lean.js
similarity index 98%
rename from assets/zh_documentation_controls_inputs_dropdownbutton.md.Bn_p4TaM.lean.js
rename to assets/zh_documentation_controls_inputs_dropdownbutton.md.BbBcLxS2.lean.js
index 30e712e9a..af8fdc6e8 100644
--- a/assets/zh_documentation_controls_inputs_dropdownbutton.md.Bn_p4TaM.lean.js
+++ b/assets/zh_documentation_controls_inputs_dropdownbutton.md.BbBcLxS2.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/dropdownbutton.B353NmAm.js";import{_ as a,c as t,a2 as n,o}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"DropDownButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/dropdownbutton.md","filePath":"zh/documentation/controls/inputs/dropdownbutton.md"}'),e={name:"zh/documentation/controls/inputs/dropdownbutton.md"};function l(p,s,h,r,k,d){return o(),t("div",null,s[0]||(s[0]=[n('<h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>点击<code>DropDownButton</code>后，将会弹出自定义的内容</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/dropdownbutton.B353NmAm.js";import{_ as a,c as t,a2 as n,o}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"DropDownButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/dropdownbutton.md","filePath":"zh/documentation/controls/inputs/dropdownbutton.md"}'),e={name:"zh/documentation/controls/inputs/dropdownbutton.md"};function l(p,s,h,r,k,d){return o(),t("div",null,s[0]||(s[0]=[n('<h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>点击<code>DropDownButton</code>后，将会弹出自定义的内容</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton.Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">            &lt;!-- Content --&gt;</span></span>
diff --git a/assets/zh_documentation_controls_inputs_numericupdown.md.ChiTpxKH.js b/assets/zh_documentation_controls_inputs_numericupdown.md.CODJO-4s.js
similarity index 97%
rename from assets/zh_documentation_controls_inputs_numericupdown.md.ChiTpxKH.js
rename to assets/zh_documentation_controls_inputs_numericupdown.md.CODJO-4s.js
index 4bf64f2af..a4a5bdbd9 100644
--- a/assets/zh_documentation_controls_inputs_numericupdown.md.ChiTpxKH.js
+++ b/assets/zh_documentation_controls_inputs_numericupdown.md.CODJO-4s.js
@@ -1 +1 @@
-import{_ as s,c as a,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"NumericUpDown","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/numericupdown.md","filePath":"zh/documentation/controls/inputs/numericupdown.md"}'),n={name:"zh/documentation/controls/inputs/numericupdown.md"};function h(l,i,p,o,r,k){return e(),a("div",null,i[0]||(i[0]=[t('<h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>数字输入控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',14)]))}const c=s(n,[["render",h]]);export{u as __pageData,c as default};
+import{_ as s,c as a,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"NumericUpDown","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/numericupdown.md","filePath":"zh/documentation/controls/inputs/numericupdown.md"}'),n={name:"zh/documentation/controls/inputs/numericupdown.md"};function h(l,i,p,o,r,k){return e(),a("div",null,i[0]||(i[0]=[t('<h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>数字输入控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',14)]))}const c=s(n,[["render",h]]);export{u as __pageData,c as default};
diff --git a/assets/zh_documentation_controls_inputs_numericupdown.md.ChiTpxKH.lean.js b/assets/zh_documentation_controls_inputs_numericupdown.md.CODJO-4s.lean.js
similarity index 97%
rename from assets/zh_documentation_controls_inputs_numericupdown.md.ChiTpxKH.lean.js
rename to assets/zh_documentation_controls_inputs_numericupdown.md.CODJO-4s.lean.js
index 4bf64f2af..a4a5bdbd9 100644
--- a/assets/zh_documentation_controls_inputs_numericupdown.md.ChiTpxKH.lean.js
+++ b/assets/zh_documentation_controls_inputs_numericupdown.md.CODJO-4s.lean.js
@@ -1 +1 @@
-import{_ as s,c as a,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"NumericUpDown","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/numericupdown.md","filePath":"zh/documentation/controls/inputs/numericupdown.md"}'),n={name:"zh/documentation/controls/inputs/numericupdown.md"};function h(l,i,p,o,r,k){return e(),a("div",null,i[0]||(i[0]=[t('<h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>数字输入控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',14)]))}const c=s(n,[["render",h]]);export{u as __pageData,c as default};
+import{_ as s,c as a,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"NumericUpDown","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/numericupdown.md","filePath":"zh/documentation/controls/inputs/numericupdown.md"}'),n={name:"zh/documentation/controls/inputs/numericupdown.md"};function h(l,i,p,o,r,k){return e(),a("div",null,i[0]||(i[0]=[t('<h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>数字输入控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p>',14)]))}const c=s(n,[["render",h]]);export{u as __pageData,c as default};
diff --git a/assets/zh_documentation_controls_inputs_radiobutton.md.xAHIgk_a.js b/assets/zh_documentation_controls_inputs_radiobutton.md.BXHp-K7Y.js
similarity index 98%
rename from assets/zh_documentation_controls_inputs_radiobutton.md.xAHIgk_a.js
rename to assets/zh_documentation_controls_inputs_radiobutton.md.BXHp-K7Y.js
index d797a00ff..c33f93597 100644
--- a/assets/zh_documentation_controls_inputs_radiobutton.md.xAHIgk_a.js
+++ b/assets/zh_documentation_controls_inputs_radiobutton.md.BXHp-K7Y.js
@@ -1,3 +1,3 @@
-import{_ as e,c as n,j as s,a as t,a2 as i,o as h}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"RadioButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/radiobutton.md","filePath":"zh/documentation/controls/inputs/radiobutton.md"}'),l={name:"zh/documentation/controls/inputs/radiobutton.md"};function p(o,a,k,r,d,E){return h(),n("div",null,a[0]||(a[0]=[s("h1",{id:"radiobutton",tabindex:"-1"},[t("RadioButton "),s("a",{class:"header-anchor",href:"#radiobutton","aria-label":'Permalink to "RadioButton"'},"​")],-1),s("p",null,"收集用户单项选择的控件",-1),s("h2",{id:"base",tabindex:"-1"},[t("Base "),s("a",{class:"header-anchor",href:"#base","aria-label":'Permalink to "Base"'},"​")],-1),s("p",{"3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3":""},[s("img",{src:"https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9",alt:"{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"})],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
+import{_ as e,c as n,j as s,a as t,a2 as i,o as h}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"RadioButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/radiobutton.md","filePath":"zh/documentation/controls/inputs/radiobutton.md"}'),l={name:"zh/documentation/controls/inputs/radiobutton.md"};function p(o,a,k,r,d,E){return h(),n("div",null,a[0]||(a[0]=[s("h1",{id:"radiobutton",tabindex:"-1"},[t("RadioButton "),s("a",{class:"header-anchor",href:"#radiobutton","aria-label":'Permalink to "RadioButton"'},"​")],-1),s("p",null,"收集用户单项选择的控件",-1),s("h2",{id:"base",tabindex:"-1"},[t("Base "),s("a",{class:"header-anchor",href:"#base","aria-label":'Permalink to "Base"'},"​")],-1),s("p",{"3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3":""},[s("img",{src:"https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9",alt:"{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"})],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             GroupName</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;A&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="chips" tabindex="-1">Chips <a class="header-anchor" href="#chips" aria-label="Permalink to &quot;Chips&quot;">​</a></h2>`,2),s("p",{"6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA":""},[s("img",{src:"https://github.com/user-attachments/assets/7d573d74-65b0-4379-a4b7-2830bfd381cf",alt:"{6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA}"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Chips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="gigachips" tabindex="-1">GigaChips <a class="header-anchor" href="#gigachips" aria-label="Permalink to &quot;GigaChips&quot;">​</a></h2>',2),s("p",{"466C440E-25EE-4CF1-985F-EC8105043D22":""},[s("img",{src:"https://github.com/user-attachments/assets/aea0e668-c02c-432c-9f3f-e8621e726444",alt:"{466C440E-25EE-4CF1-985F-EC8105043D22}"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;GigaChips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',3)]))}const g=e(l,[["render",p]]);export{u as __pageData,g as default};
diff --git a/assets/zh_documentation_controls_inputs_radiobutton.md.xAHIgk_a.lean.js b/assets/zh_documentation_controls_inputs_radiobutton.md.BXHp-K7Y.lean.js
similarity index 98%
rename from assets/zh_documentation_controls_inputs_radiobutton.md.xAHIgk_a.lean.js
rename to assets/zh_documentation_controls_inputs_radiobutton.md.BXHp-K7Y.lean.js
index d797a00ff..c33f93597 100644
--- a/assets/zh_documentation_controls_inputs_radiobutton.md.xAHIgk_a.lean.js
+++ b/assets/zh_documentation_controls_inputs_radiobutton.md.BXHp-K7Y.lean.js
@@ -1,3 +1,3 @@
-import{_ as e,c as n,j as s,a as t,a2 as i,o as h}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"RadioButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/radiobutton.md","filePath":"zh/documentation/controls/inputs/radiobutton.md"}'),l={name:"zh/documentation/controls/inputs/radiobutton.md"};function p(o,a,k,r,d,E){return h(),n("div",null,a[0]||(a[0]=[s("h1",{id:"radiobutton",tabindex:"-1"},[t("RadioButton "),s("a",{class:"header-anchor",href:"#radiobutton","aria-label":'Permalink to "RadioButton"'},"​")],-1),s("p",null,"收集用户单项选择的控件",-1),s("h2",{id:"base",tabindex:"-1"},[t("Base "),s("a",{class:"header-anchor",href:"#base","aria-label":'Permalink to "Base"'},"​")],-1),s("p",{"3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3":""},[s("img",{src:"https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9",alt:"{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"})],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
+import{_ as e,c as n,j as s,a as t,a2 as i,o as h}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"RadioButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/radiobutton.md","filePath":"zh/documentation/controls/inputs/radiobutton.md"}'),l={name:"zh/documentation/controls/inputs/radiobutton.md"};function p(o,a,k,r,d,E){return h(),n("div",null,a[0]||(a[0]=[s("h1",{id:"radiobutton",tabindex:"-1"},[t("RadioButton "),s("a",{class:"header-anchor",href:"#radiobutton","aria-label":'Permalink to "RadioButton"'},"​")],-1),s("p",null,"收集用户单项选择的控件",-1),s("h2",{id:"base",tabindex:"-1"},[t("Base "),s("a",{class:"header-anchor",href:"#base","aria-label":'Permalink to "Base"'},"​")],-1),s("p",{"3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3":""},[s("img",{src:"https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9",alt:"{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"})],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             GroupName</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;A&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="chips" tabindex="-1">Chips <a class="header-anchor" href="#chips" aria-label="Permalink to &quot;Chips&quot;">​</a></h2>`,2),s("p",{"6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA":""},[s("img",{src:"https://github.com/user-attachments/assets/7d573d74-65b0-4379-a4b7-2830bfd381cf",alt:"{6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA}"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Chips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="gigachips" tabindex="-1">GigaChips <a class="header-anchor" href="#gigachips" aria-label="Permalink to &quot;GigaChips&quot;">​</a></h2>',2),s("p",{"466C440E-25EE-4CF1-985F-EC8105043D22":""},[s("img",{src:"https://github.com/user-attachments/assets/aea0e668-c02c-432c-9f3f-e8621e726444",alt:"{466C440E-25EE-4CF1-985F-EC8105043D22}"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;GigaChips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',3)]))}const g=e(l,[["render",p]]);export{u as __pageData,g as default};
diff --git a/assets/zh_documentation_controls_inputs_slider.md.BNPGKqMy.js b/assets/zh_documentation_controls_inputs_slider.md.DhhRGnyh.js
similarity index 95%
rename from assets/zh_documentation_controls_inputs_slider.md.BNPGKqMy.js
rename to assets/zh_documentation_controls_inputs_slider.md.DhhRGnyh.js
index fa263d5ec..08b90d5d4 100644
--- a/assets/zh_documentation_controls_inputs_slider.md.BNPGKqMy.js
+++ b/assets/zh_documentation_controls_inputs_slider.md.DhhRGnyh.js
@@ -1,4 +1,4 @@
-import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Slider","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/slider.md","filePath":"zh/documentation/controls/inputs/slider.md"}'),n={name:"zh/documentation/controls/inputs/slider.md"};function l(r,s,h,o,p,d){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>展示值和范围的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
+import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Slider","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/slider.md","filePath":"zh/documentation/controls/inputs/slider.md"}'),n={name:"zh/documentation/controls/inputs/slider.md"};function l(r,s,h,o,p,d){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>展示值和范围的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Maximum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Minimum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        TickFrequency</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1&quot;</span></span>
diff --git a/assets/zh_documentation_controls_inputs_slider.md.BNPGKqMy.lean.js b/assets/zh_documentation_controls_inputs_slider.md.DhhRGnyh.lean.js
similarity index 95%
rename from assets/zh_documentation_controls_inputs_slider.md.BNPGKqMy.lean.js
rename to assets/zh_documentation_controls_inputs_slider.md.DhhRGnyh.lean.js
index fa263d5ec..08b90d5d4 100644
--- a/assets/zh_documentation_controls_inputs_slider.md.BNPGKqMy.lean.js
+++ b/assets/zh_documentation_controls_inputs_slider.md.DhhRGnyh.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Slider","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/slider.md","filePath":"zh/documentation/controls/inputs/slider.md"}'),n={name:"zh/documentation/controls/inputs/slider.md"};function l(r,s,h,o,p,d){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>展示值和范围的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
+import{_ as a,c as i,a2 as e,o as t}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Slider","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/slider.md","filePath":"zh/documentation/controls/inputs/slider.md"}'),n={name:"zh/documentation/controls/inputs/slider.md"};function l(r,s,h,o,p,d){return t(),i("div",null,s[0]||(s[0]=[e(`<h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>展示值和范围的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Maximum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Minimum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        TickFrequency</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1&quot;</span></span>
diff --git a/assets/zh_documentation_controls_inputs_textbox.md.Cfeha2fY.js b/assets/zh_documentation_controls_inputs_textbox.md.C2BQuxrw.js
similarity index 97%
rename from assets/zh_documentation_controls_inputs_textbox.md.Cfeha2fY.js
rename to assets/zh_documentation_controls_inputs_textbox.md.C2BQuxrw.js
index 27ca9293e..86afe3e60 100644
--- a/assets/zh_documentation_controls_inputs_textbox.md.Cfeha2fY.js
+++ b/assets/zh_documentation_controls_inputs_textbox.md.C2BQuxrw.js
@@ -1 +1 @@
-import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"TextBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/textbox.md","filePath":"zh/documentation/controls/inputs/textbox.md"}'),l={name:"zh/documentation/controls/inputs/textbox.md"};function h(n,a,o,p,r,k){return e(),i("div",null,a[0]||(a[0]=[t('<h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>收集用户提供的信息的基础控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p>',17)]))}const E=s(l,[["render",h]]);export{c as __pageData,E as default};
+import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"TextBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/textbox.md","filePath":"zh/documentation/controls/inputs/textbox.md"}'),l={name:"zh/documentation/controls/inputs/textbox.md"};function h(n,a,o,p,r,k){return e(),i("div",null,a[0]||(a[0]=[t('<h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>收集用户提供的信息的基础控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p>',17)]))}const E=s(l,[["render",h]]);export{c as __pageData,E as default};
diff --git a/assets/zh_documentation_controls_inputs_textbox.md.Cfeha2fY.lean.js b/assets/zh_documentation_controls_inputs_textbox.md.C2BQuxrw.lean.js
similarity index 97%
rename from assets/zh_documentation_controls_inputs_textbox.md.Cfeha2fY.lean.js
rename to assets/zh_documentation_controls_inputs_textbox.md.C2BQuxrw.lean.js
index 27ca9293e..86afe3e60 100644
--- a/assets/zh_documentation_controls_inputs_textbox.md.Cfeha2fY.lean.js
+++ b/assets/zh_documentation_controls_inputs_textbox.md.C2BQuxrw.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"TextBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/textbox.md","filePath":"zh/documentation/controls/inputs/textbox.md"}'),l={name:"zh/documentation/controls/inputs/textbox.md"};function h(n,a,o,p,r,k){return e(),i("div",null,a[0]||(a[0]=[t('<h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>收集用户提供的信息的基础控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p>',17)]))}const E=s(l,[["render",h]]);export{c as __pageData,E as default};
+import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"TextBox","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/textbox.md","filePath":"zh/documentation/controls/inputs/textbox.md"}'),l={name:"zh/documentation/controls/inputs/textbox.md"};function h(n,a,o,p,r,k){return e(),i("div",null,a[0]||(a[0]=[t('<h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>收集用户提供的信息的基础控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p>',17)]))}const E=s(l,[["render",h]]);export{c as __pageData,E as default};
diff --git a/assets/zh_documentation_controls_inputs_togglebutton.md.CC8i7Sep.js b/assets/zh_documentation_controls_inputs_togglebutton.md.CfPDcUql.js
similarity index 96%
rename from assets/zh_documentation_controls_inputs_togglebutton.md.CC8i7Sep.js
rename to assets/zh_documentation_controls_inputs_togglebutton.md.CfPDcUql.js
index b5045b0ca..abf88b9ee 100644
--- a/assets/zh_documentation_controls_inputs_togglebutton.md.CC8i7Sep.js
+++ b/assets/zh_documentation_controls_inputs_togglebutton.md.CfPDcUql.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/togglebutton.Ba5AT4-L.js";import{_ as e,c as o,a2 as i,o as s}from"./chunks/framework.Ckp7d4B5.js";const k=JSON.parse('{"title":"ToggleButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/togglebutton.md","filePath":"zh/documentation/controls/inputs/togglebutton.md"}'),n={name:"zh/documentation/controls/inputs/togglebutton.md"};function l(r,t,h,p,g,u){return s(),o("div",null,t[0]||(t[0]=[i('<h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const m=e(n,[["render",l]]);export{k as __pageData,m as default};
+import{_ as a}from"./chunks/togglebutton.Ba5AT4-L.js";import{_ as e,c as o,a2 as i,o as s}from"./chunks/framework.CoCfjAIq.js";const k=JSON.parse('{"title":"ToggleButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/togglebutton.md","filePath":"zh/documentation/controls/inputs/togglebutton.md"}'),n={name:"zh/documentation/controls/inputs/togglebutton.md"};function l(r,t,h,p,g,u){return s(),o("div",null,t[0]||(t[0]=[i('<h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const m=e(n,[["render",l]]);export{k as __pageData,m as default};
diff --git a/assets/zh_documentation_controls_inputs_togglebutton.md.CC8i7Sep.lean.js b/assets/zh_documentation_controls_inputs_togglebutton.md.CfPDcUql.lean.js
similarity index 96%
rename from assets/zh_documentation_controls_inputs_togglebutton.md.CC8i7Sep.lean.js
rename to assets/zh_documentation_controls_inputs_togglebutton.md.CfPDcUql.lean.js
index b5045b0ca..abf88b9ee 100644
--- a/assets/zh_documentation_controls_inputs_togglebutton.md.CC8i7Sep.lean.js
+++ b/assets/zh_documentation_controls_inputs_togglebutton.md.CfPDcUql.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/togglebutton.Ba5AT4-L.js";import{_ as e,c as o,a2 as i,o as s}from"./chunks/framework.Ckp7d4B5.js";const k=JSON.parse('{"title":"ToggleButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/togglebutton.md","filePath":"zh/documentation/controls/inputs/togglebutton.md"}'),n={name:"zh/documentation/controls/inputs/togglebutton.md"};function l(r,t,h,p,g,u){return s(),o("div",null,t[0]||(t[0]=[i('<h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const m=e(n,[["render",l]]);export{k as __pageData,m as default};
+import{_ as a}from"./chunks/togglebutton.Ba5AT4-L.js";import{_ as e,c as o,a2 as i,o as s}from"./chunks/framework.CoCfjAIq.js";const k=JSON.parse('{"title":"ToggleButton","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/togglebutton.md","filePath":"zh/documentation/controls/inputs/togglebutton.md"}'),n={name:"zh/documentation/controls/inputs/togglebutton.md"};function l(r,t,h,p,g,u){return s(),o("div",null,t[0]||(t[0]=[i('<h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+'" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const m=e(n,[["render",l]]);export{k as __pageData,m as default};
diff --git a/assets/zh_documentation_controls_inputs_toggleswitch.md.C7fZqFHF.js b/assets/zh_documentation_controls_inputs_toggleswitch.md.uNQHmJaZ.js
similarity index 93%
rename from assets/zh_documentation_controls_inputs_toggleswitch.md.C7fZqFHF.js
rename to assets/zh_documentation_controls_inputs_toggleswitch.md.uNQHmJaZ.js
index 58bf41030..fc6df66d6 100644
--- a/assets/zh_documentation_controls_inputs_toggleswitch.md.C7fZqFHF.js
+++ b/assets/zh_documentation_controls_inputs_toggleswitch.md.uNQHmJaZ.js
@@ -1 +1 @@
-import{_ as t,c as e,a2 as s,o as i}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"ToggleSwitch","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/toggleswitch.md","filePath":"zh/documentation/controls/inputs/toggleswitch.md"}'),o={name:"zh/documentation/controls/inputs/toggleswitch.md"};function l(r,a,n,h,c,p){return i(),e("div",null,a[0]||(a[0]=[s('<h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const u=t(o,[["render",l]]);export{g as __pageData,u as default};
+import{_ as t,c as e,a2 as s,o as i}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"ToggleSwitch","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/toggleswitch.md","filePath":"zh/documentation/controls/inputs/toggleswitch.md"}'),o={name:"zh/documentation/controls/inputs/toggleswitch.md"};function l(r,a,n,h,c,p){return i(),e("div",null,a[0]||(a[0]=[s('<h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const u=t(o,[["render",l]]);export{g as __pageData,u as default};
diff --git a/assets/zh_documentation_controls_inputs_toggleswitch.md.C7fZqFHF.lean.js b/assets/zh_documentation_controls_inputs_toggleswitch.md.uNQHmJaZ.lean.js
similarity index 93%
rename from assets/zh_documentation_controls_inputs_toggleswitch.md.C7fZqFHF.lean.js
rename to assets/zh_documentation_controls_inputs_toggleswitch.md.uNQHmJaZ.lean.js
index 58bf41030..fc6df66d6 100644
--- a/assets/zh_documentation_controls_inputs_toggleswitch.md.C7fZqFHF.lean.js
+++ b/assets/zh_documentation_controls_inputs_toggleswitch.md.uNQHmJaZ.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,a2 as s,o as i}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"ToggleSwitch","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/toggleswitch.md","filePath":"zh/documentation/controls/inputs/toggleswitch.md"}'),o={name:"zh/documentation/controls/inputs/toggleswitch.md"};function l(r,a,n,h,c,p){return i(),e("div",null,a[0]||(a[0]=[s('<h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const u=t(o,[["render",l]]);export{g as __pageData,u as default};
+import{_ as t,c as e,a2 as s,o as i}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"ToggleSwitch","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/inputs/toggleswitch.md","filePath":"zh/documentation/controls/inputs/toggleswitch.md"}'),o={name:"zh/documentation/controls/inputs/toggleswitch.md"};function l(r,a,n,h,c,p){return i(),e("div",null,a[0]||(a[0]=[s('<h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p>',8)]))}const u=t(o,[["render",l]]);export{g as __pageData,u as default};
diff --git a/assets/zh_documentation_controls_layout_dock.md.BCQUnrZs.js b/assets/zh_documentation_controls_layout_dock.md.mg-Mq_jp.js
similarity index 94%
rename from assets/zh_documentation_controls_layout_dock.md.BCQUnrZs.js
rename to assets/zh_documentation_controls_layout_dock.md.mg-Mq_jp.js
index bf70f0b3f..dd51d7d21 100644
--- a/assets/zh_documentation_controls_layout_dock.md.BCQUnrZs.js
+++ b/assets/zh_documentation_controls_layout_dock.md.mg-Mq_jp.js
@@ -1 +1 @@
-import{_ as s,c as i,a2 as t,j as e,o}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Dock","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/dock.md","filePath":"zh/documentation/controls/layout/dock.md"}'),c={name:"zh/documentation/controls/layout/dock.md"};function l(n,a,r,h,d,k){return o(),i("div",null,a[0]||(a[0]=[t('<h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>SukiUI 在社区讨论后决定使用并定制 <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> 库</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="安装-sukiui-dock-包" tabindex="-1">安装 SukiUI.Dock 包 <a class="header-anchor" href="#安装-sukiui-dock-包" aria-label="Permalink to &quot;安装 SukiUI.Dock 包&quot;">​</a></h2>',4),e("p",{"F7E52AB9-7A5A-4007-9CBC-8258079C1F78":""},[e("img",{src:"https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f",alt:"{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"})],-1),t('<h2 id="在-app-axaml-添加引用" tabindex="-1">在 App.axaml 添加引用 <a class="header-anchor" href="#在-app-axaml-添加引用" aria-label="Permalink to &quot;在 App.axaml 添加引用&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>之后就可以使用 SukiUI 风格的 Dock 库</p>',3)]))}const m=s(c,[["render",l]]);export{u as __pageData,m as default};
+import{_ as s,c as i,a2 as t,j as e,o}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Dock","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/dock.md","filePath":"zh/documentation/controls/layout/dock.md"}'),c={name:"zh/documentation/controls/layout/dock.md"};function l(n,a,r,h,d,k){return o(),i("div",null,a[0]||(a[0]=[t('<h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>SukiUI 在社区讨论后决定使用并定制 <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> 库</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="安装-sukiui-dock-包" tabindex="-1">安装 SukiUI.Dock 包 <a class="header-anchor" href="#安装-sukiui-dock-包" aria-label="Permalink to &quot;安装 SukiUI.Dock 包&quot;">​</a></h2>',4),e("p",{"F7E52AB9-7A5A-4007-9CBC-8258079C1F78":""},[e("img",{src:"https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f",alt:"{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"})],-1),t('<h2 id="在-app-axaml-添加引用" tabindex="-1">在 App.axaml 添加引用 <a class="header-anchor" href="#在-app-axaml-添加引用" aria-label="Permalink to &quot;在 App.axaml 添加引用&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>之后就可以使用 SukiUI 风格的 Dock 库</p>',3)]))}const m=s(c,[["render",l]]);export{u as __pageData,m as default};
diff --git a/assets/zh_documentation_controls_layout_dock.md.BCQUnrZs.lean.js b/assets/zh_documentation_controls_layout_dock.md.mg-Mq_jp.lean.js
similarity index 94%
rename from assets/zh_documentation_controls_layout_dock.md.BCQUnrZs.lean.js
rename to assets/zh_documentation_controls_layout_dock.md.mg-Mq_jp.lean.js
index bf70f0b3f..dd51d7d21 100644
--- a/assets/zh_documentation_controls_layout_dock.md.BCQUnrZs.lean.js
+++ b/assets/zh_documentation_controls_layout_dock.md.mg-Mq_jp.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,a2 as t,j as e,o}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Dock","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/dock.md","filePath":"zh/documentation/controls/layout/dock.md"}'),c={name:"zh/documentation/controls/layout/dock.md"};function l(n,a,r,h,d,k){return o(),i("div",null,a[0]||(a[0]=[t('<h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>SukiUI 在社区讨论后决定使用并定制 <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> 库</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="安装-sukiui-dock-包" tabindex="-1">安装 SukiUI.Dock 包 <a class="header-anchor" href="#安装-sukiui-dock-包" aria-label="Permalink to &quot;安装 SukiUI.Dock 包&quot;">​</a></h2>',4),e("p",{"F7E52AB9-7A5A-4007-9CBC-8258079C1F78":""},[e("img",{src:"https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f",alt:"{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"})],-1),t('<h2 id="在-app-axaml-添加引用" tabindex="-1">在 App.axaml 添加引用 <a class="header-anchor" href="#在-app-axaml-添加引用" aria-label="Permalink to &quot;在 App.axaml 添加引用&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>之后就可以使用 SukiUI 风格的 Dock 库</p>',3)]))}const m=s(c,[["render",l]]);export{u as __pageData,m as default};
+import{_ as s,c as i,a2 as t,j as e,o}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Dock","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/dock.md","filePath":"zh/documentation/controls/layout/dock.md"}'),c={name:"zh/documentation/controls/layout/dock.md"};function l(n,a,r,h,d,k){return o(),i("div",null,a[0]||(a[0]=[t('<h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>SukiUI 在社区讨论后决定使用并定制 <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> 库</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="安装-sukiui-dock-包" tabindex="-1">安装 SukiUI.Dock 包 <a class="header-anchor" href="#安装-sukiui-dock-包" aria-label="Permalink to &quot;安装 SukiUI.Dock 包&quot;">​</a></h2>',4),e("p",{"F7E52AB9-7A5A-4007-9CBC-8258079C1F78":""},[e("img",{src:"https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f",alt:"{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"})],-1),t('<h2 id="在-app-axaml-添加引用" tabindex="-1">在 App.axaml 添加引用 <a class="header-anchor" href="#在-app-axaml-添加引用" aria-label="Permalink to &quot;在 App.axaml 添加引用&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>之后就可以使用 SukiUI 风格的 Dock 库</p>',3)]))}const m=s(c,[["render",l]]);export{u as __pageData,m as default};
diff --git a/assets/zh_documentation_controls_layout_glasscard.md.Bzn2L207.js b/assets/zh_documentation_controls_layout_glasscard.md.CpcLtEv1.js
similarity index 98%
rename from assets/zh_documentation_controls_layout_glasscard.md.Bzn2L207.js
rename to assets/zh_documentation_controls_layout_glasscard.md.CpcLtEv1.js
index bb9965d9c..0053c1ec2 100644
--- a/assets/zh_documentation_controls_layout_glasscard.md.Bzn2L207.js
+++ b/assets/zh_documentation_controls_layout_glasscard.md.CpcLtEv1.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Glass Card","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/glasscard.md","filePath":"zh/documentation/controls/layout/glasscard.md"}'),l={name:"zh/documentation/controls/layout/glasscard.md"};function n(h,a,p,r,d,k){return e(),i("div",null,a[0]||(a[0]=[t(`<h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>一个简单的卡片式控件，可以往里面塞各种内容</p><h2 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Glass Card","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/glasscard.md","filePath":"zh/documentation/controls/layout/glasscard.md"}'),l={name:"zh/documentation/controls/layout/glasscard.md"};function n(h,a,p,r,d,k){return e(),i("div",null,a[0]||(a[0]=[t(`<h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>一个简单的卡片式控件，可以往里面塞各种内容</p><h2 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="其他样式" tabindex="-1">其他样式 <a class="header-anchor" href="#其他样式" aria-label="Permalink to &quot;其他样式&quot;">​</a></h2><h3 id="primary" tabindex="-1">Primary <a class="header-anchor" href="#primary" aria-label="Permalink to &quot;Primary&quot;">​</a></h3><img src="https://sleekshot.app/api/download/DC48QzG5R1XT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
diff --git a/assets/zh_documentation_controls_layout_glasscard.md.Bzn2L207.lean.js b/assets/zh_documentation_controls_layout_glasscard.md.CpcLtEv1.lean.js
similarity index 98%
rename from assets/zh_documentation_controls_layout_glasscard.md.Bzn2L207.lean.js
rename to assets/zh_documentation_controls_layout_glasscard.md.CpcLtEv1.lean.js
index bb9965d9c..0053c1ec2 100644
--- a/assets/zh_documentation_controls_layout_glasscard.md.Bzn2L207.lean.js
+++ b/assets/zh_documentation_controls_layout_glasscard.md.CpcLtEv1.lean.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"Glass Card","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/glasscard.md","filePath":"zh/documentation/controls/layout/glasscard.md"}'),l={name:"zh/documentation/controls/layout/glasscard.md"};function n(h,a,p,r,d,k){return e(),i("div",null,a[0]||(a[0]=[t(`<h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>一个简单的卡片式控件，可以往里面塞各种内容</p><h2 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as s,c as i,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"Glass Card","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/glasscard.md","filePath":"zh/documentation/controls/layout/glasscard.md"}'),l={name:"zh/documentation/controls/layout/glasscard.md"};function n(h,a,p,r,d,k){return e(),i("div",null,a[0]||(a[0]=[t(`<h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>一个简单的卡片式控件，可以往里面塞各种内容</p><h2 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="其他样式" tabindex="-1">其他样式 <a class="header-anchor" href="#其他样式" aria-label="Permalink to &quot;其他样式&quot;">​</a></h2><h3 id="primary" tabindex="-1">Primary <a class="header-anchor" href="#primary" aria-label="Permalink to &quot;Primary&quot;">​</a></h3><img src="https://sleekshot.app/api/download/DC48QzG5R1XT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
diff --git a/assets/zh_documentation_controls_layout_settingslayout.md.C6kJ92In.js b/assets/zh_documentation_controls_layout_settingslayout.md.B9-qh1az.js
similarity index 99%
rename from assets/zh_documentation_controls_layout_settingslayout.md.C6kJ92In.js
rename to assets/zh_documentation_controls_layout_settingslayout.md.B9-qh1az.js
index 599c279aa..aa942210e 100644
--- a/assets/zh_documentation_controls_layout_settingslayout.md.C6kJ92In.js
+++ b/assets/zh_documentation_controls_layout_settingslayout.md.B9-qh1az.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/settingslayout.B4Ub7kgI.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"Settings Layout","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/settingslayout.md","filePath":"zh/documentation/controls/layout/settingslayout.md"}'),l={name:"zh/documentation/controls/layout/settingslayout.md"};function k(e,s,p,E,r,g){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>可以通过 <code>SettingsLayout</code> 方便地呈现 App 的设置页。同时，它也会随着窗口宽度的变化而更新。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/settingslayout.B4Ub7kgI.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"Settings Layout","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/settingslayout.md","filePath":"zh/documentation/controls/layout/settingslayout.md"}'),l={name:"zh/documentation/controls/layout/settingslayout.md"};function k(e,s,p,E,r,g){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>可以通过 <code>SettingsLayout</code> 方便地呈现 App 的设置页。同时，它也会随着窗口宽度的变化而更新。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;suki:SettingsLayoutItem&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayoutItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Settings Part1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/zh_documentation_controls_layout_settingslayout.md.C6kJ92In.lean.js b/assets/zh_documentation_controls_layout_settingslayout.md.B9-qh1az.lean.js
similarity index 99%
rename from assets/zh_documentation_controls_layout_settingslayout.md.C6kJ92In.lean.js
rename to assets/zh_documentation_controls_layout_settingslayout.md.B9-qh1az.lean.js
index 599c279aa..aa942210e 100644
--- a/assets/zh_documentation_controls_layout_settingslayout.md.C6kJ92In.lean.js
+++ b/assets/zh_documentation_controls_layout_settingslayout.md.B9-qh1az.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/settingslayout.B4Ub7kgI.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.Ckp7d4B5.js";const y=JSON.parse('{"title":"Settings Layout","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/settingslayout.md","filePath":"zh/documentation/controls/layout/settingslayout.md"}'),l={name:"zh/documentation/controls/layout/settingslayout.md"};function k(e,s,p,E,r,g){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>可以通过 <code>SettingsLayout</code> 方便地呈现 App 的设置页。同时，它也会随着窗口宽度的变化而更新。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/settingslayout.B4Ub7kgI.js";import{_ as a,c as t,a2 as n,o as h}from"./chunks/framework.CoCfjAIq.js";const y=JSON.parse('{"title":"Settings Layout","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/settingslayout.md","filePath":"zh/documentation/controls/layout/settingslayout.md"}'),l={name:"zh/documentation/controls/layout/settingslayout.md"};function k(e,s,p,E,r,g){return h(),t("div",null,s[0]||(s[0]=[n('<h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>可以通过 <code>SettingsLayout</code> 方便地呈现 App 的设置页。同时，它也会随着窗口宽度的变化而更新。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;suki:SettingsLayoutItem&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayoutItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Settings Part1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/zh_documentation_controls_layout_sukiwindow.md.FFCyOaWX.js b/assets/zh_documentation_controls_layout_sukiwindow.md.BTyRICtX.js
similarity index 98%
rename from assets/zh_documentation_controls_layout_sukiwindow.md.FFCyOaWX.js
rename to assets/zh_documentation_controls_layout_sukiwindow.md.BTyRICtX.js
index 968a46f25..e553535db 100644
--- a/assets/zh_documentation_controls_layout_sukiwindow.md.FFCyOaWX.js
+++ b/assets/zh_documentation_controls_layout_sukiwindow.md.BTyRICtX.js
@@ -1,4 +1,4 @@
-import{_ as s,c as a,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"SukiWindow","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/sukiwindow.md","filePath":"zh/documentation/controls/layout/sukiwindow.md"}'),n={name:"zh/documentation/controls/layout/sukiwindow.md"};function l(h,i,k,p,o,d){return e(),a("div",null,i[0]||(i[0]=[t(`<h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>在 SukiUI 中, <code>SukiWindow</code> 代替 <code>Window</code> 成为构建 App 的基础</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="背景样式" tabindex="-1">背景样式 <a class="header-anchor" href="#背景样式" aria-label="Permalink to &quot;背景样式&quot;">​</a></h2><p>SukiUI 允许你在三种不同的背景选项之间进行选择，分别是“气泡”（Bubble），即玻璃拟态设计；以及经典的“平面”（Flat）背景。</p><p>需要注意的是，背景会根据你的主题颜色（此处为蓝色）动态生成。</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as s,c as a,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"SukiWindow","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/sukiwindow.md","filePath":"zh/documentation/controls/layout/sukiwindow.md"}'),n={name:"zh/documentation/controls/layout/sukiwindow.md"};function l(h,i,k,p,o,d){return e(),a("div",null,i[0]||(i[0]=[t(`<h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>在 SukiUI 中, <code>SukiWindow</code> 代替 <code>Window</code> 成为构建 App 的基础</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="背景样式" tabindex="-1">背景样式 <a class="header-anchor" href="#背景样式" aria-label="Permalink to &quot;背景样式&quot;">​</a></h2><p>SukiUI 允许你在三种不同的背景选项之间进行选择，分别是“气泡”（Bubble），即玻璃拟态设计；以及经典的“平面”（Flat）背景。</p><p>需要注意的是，背景会根据你的主题颜色（此处为蓝色）动态生成。</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h4 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="sukiwindow - dark"></p><h4 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="sukiwindow - light"></p><h2 id="gradient" tabindex="-1">Gradient <a class="header-anchor" href="#gradient" aria-label="Permalink to &quot;Gradient&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Gradient&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
diff --git a/assets/zh_documentation_controls_layout_sukiwindow.md.FFCyOaWX.lean.js b/assets/zh_documentation_controls_layout_sukiwindow.md.BTyRICtX.lean.js
similarity index 98%
rename from assets/zh_documentation_controls_layout_sukiwindow.md.FFCyOaWX.lean.js
rename to assets/zh_documentation_controls_layout_sukiwindow.md.BTyRICtX.lean.js
index 968a46f25..e553535db 100644
--- a/assets/zh_documentation_controls_layout_sukiwindow.md.FFCyOaWX.lean.js
+++ b/assets/zh_documentation_controls_layout_sukiwindow.md.BTyRICtX.lean.js
@@ -1,4 +1,4 @@
-import{_ as s,c as a,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"SukiWindow","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/sukiwindow.md","filePath":"zh/documentation/controls/layout/sukiwindow.md"}'),n={name:"zh/documentation/controls/layout/sukiwindow.md"};function l(h,i,k,p,o,d){return e(),a("div",null,i[0]||(i[0]=[t(`<h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>在 SukiUI 中, <code>SukiWindow</code> 代替 <code>Window</code> 成为构建 App 的基础</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="背景样式" tabindex="-1">背景样式 <a class="header-anchor" href="#背景样式" aria-label="Permalink to &quot;背景样式&quot;">​</a></h2><p>SukiUI 允许你在三种不同的背景选项之间进行选择，分别是“气泡”（Bubble），即玻璃拟态设计；以及经典的“平面”（Flat）背景。</p><p>需要注意的是，背景会根据你的主题颜色（此处为蓝色）动态生成。</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as s,c as a,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"SukiWindow","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/layout/sukiwindow.md","filePath":"zh/documentation/controls/layout/sukiwindow.md"}'),n={name:"zh/documentation/controls/layout/sukiwindow.md"};function l(h,i,k,p,o,d){return e(),a("div",null,i[0]||(i[0]=[t(`<h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>在 SukiUI 中, <code>SukiWindow</code> 代替 <code>Window</code> 成为构建 App 的基础</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="背景样式" tabindex="-1">背景样式 <a class="header-anchor" href="#背景样式" aria-label="Permalink to &quot;背景样式&quot;">​</a></h2><p>SukiUI 允许你在三种不同的背景选项之间进行选择，分别是“气泡”（Bubble），即玻璃拟态设计；以及经典的“平面”（Flat）背景。</p><p>需要注意的是，背景会根据你的主题颜色（此处为蓝色）动态生成。</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h4 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="sukiwindow - dark"></p><h4 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="sukiwindow - light"></p><h2 id="gradient" tabindex="-1">Gradient <a class="header-anchor" href="#gradient" aria-label="Permalink to &quot;Gradient&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Gradient&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
diff --git a/assets/zh_documentation_controls_navigation_sidemenu.md.CiXRidFD.js b/assets/zh_documentation_controls_navigation_sidemenu.md.DsUF6Klo.js
similarity index 99%
rename from assets/zh_documentation_controls_navigation_sidemenu.md.CiXRidFD.js
rename to assets/zh_documentation_controls_navigation_sidemenu.md.DsUF6Klo.js
index aaf06baa4..534a22d13 100644
--- a/assets/zh_documentation_controls_navigation_sidemenu.md.CiXRidFD.js
+++ b/assets/zh_documentation_controls_navigation_sidemenu.md.DsUF6Klo.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/sukisidemenu.CMrCrOEo.js";import{_ as a,c as n,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"SukiSideMenu","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/sidemenu.md","filePath":"zh/documentation/controls/navigation/sidemenu.md"}'),l={name:"zh/documentation/controls/navigation/sidemenu.md"};function k(h,s,p,E,r,d){return e(),n("div",null,s[0]||(s[0]=[t('<h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> 是 SukiUI 主要的导航控件，类似其他库中的 <code>NavigationView</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="200px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/sukisidemenu.CMrCrOEo.js";import{_ as a,c as n,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"SukiSideMenu","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/sidemenu.md","filePath":"zh/documentation/controls/navigation/sidemenu.md"}'),l={name:"zh/documentation/controls/navigation/sidemenu.md"};function k(h,s,p,E,r,d){return e(),n("div",null,s[0]||(s[0]=[t('<h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> 是 SukiUI 主要的导航控件，类似其他库中的 <code>NavigationView</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="200px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Page Title&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Compact&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem.Icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/zh_documentation_controls_navigation_sidemenu.md.CiXRidFD.lean.js b/assets/zh_documentation_controls_navigation_sidemenu.md.DsUF6Klo.lean.js
similarity index 99%
rename from assets/zh_documentation_controls_navigation_sidemenu.md.CiXRidFD.lean.js
rename to assets/zh_documentation_controls_navigation_sidemenu.md.DsUF6Klo.lean.js
index aaf06baa4..534a22d13 100644
--- a/assets/zh_documentation_controls_navigation_sidemenu.md.CiXRidFD.lean.js
+++ b/assets/zh_documentation_controls_navigation_sidemenu.md.DsUF6Klo.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/sukisidemenu.CMrCrOEo.js";import{_ as a,c as n,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"SukiSideMenu","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/sidemenu.md","filePath":"zh/documentation/controls/navigation/sidemenu.md"}'),l={name:"zh/documentation/controls/navigation/sidemenu.md"};function k(h,s,p,E,r,d){return e(),n("div",null,s[0]||(s[0]=[t('<h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> 是 SukiUI 主要的导航控件，类似其他库中的 <code>NavigationView</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="200px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as i}from"./chunks/sukisidemenu.CMrCrOEo.js";import{_ as a,c as n,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"SukiSideMenu","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/sidemenu.md","filePath":"zh/documentation/controls/navigation/sidemenu.md"}'),l={name:"zh/documentation/controls/navigation/sidemenu.md"};function k(h,s,p,E,r,d){return e(),n("div",null,s[0]||(s[0]=[t('<h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> 是 SukiUI 主要的导航控件，类似其他库中的 <code>NavigationView</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="200px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Page Title&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Compact&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem.Icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/zh_documentation_controls_navigation_stackpage.md.BcR77MkM.js b/assets/zh_documentation_controls_navigation_stackpage.md.UOQMW330.js
similarity index 97%
rename from assets/zh_documentation_controls_navigation_stackpage.md.BcR77MkM.js
rename to assets/zh_documentation_controls_navigation_stackpage.md.UOQMW330.js
index ca31d18be..c4c54cfa0 100644
--- a/assets/zh_documentation_controls_navigation_stackpage.md.BcR77MkM.js
+++ b/assets/zh_documentation_controls_navigation_stackpage.md.UOQMW330.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/stackpage.BHns5mvs.js";import{_ as e,c as i,a2 as s,o}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Stack Page","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/stackpage.md","filePath":"zh/documentation/controls/navigation/stackpage.md"}'),n={name:"zh/documentation/controls/navigation/stackpage.md"};function r(l,a,c,k,h,p){return o(),i("div",null,a[0]||(a[0]=[s('<h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> 内包含多个 <code>Content</code>，其数量可以设限</p><p>在标题栏上点击任何一个标题都可以跳转至该页面</p><p><code>StackPage</code> 也可以跳转到已存在的 <code>Content</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+t+'"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p>',11)]))}const m=e(n,[["render",r]]);export{u as __pageData,m as default};
+import{_ as t}from"./chunks/stackpage.BHns5mvs.js";import{_ as e,c as i,a2 as s,o}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Stack Page","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/stackpage.md","filePath":"zh/documentation/controls/navigation/stackpage.md"}'),n={name:"zh/documentation/controls/navigation/stackpage.md"};function r(l,a,c,k,h,p){return o(),i("div",null,a[0]||(a[0]=[s('<h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> 内包含多个 <code>Content</code>，其数量可以设限</p><p>在标题栏上点击任何一个标题都可以跳转至该页面</p><p><code>StackPage</code> 也可以跳转到已存在的 <code>Content</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+t+'"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p>',11)]))}const m=e(n,[["render",r]]);export{u as __pageData,m as default};
diff --git a/assets/zh_documentation_controls_navigation_stackpage.md.BcR77MkM.lean.js b/assets/zh_documentation_controls_navigation_stackpage.md.UOQMW330.lean.js
similarity index 97%
rename from assets/zh_documentation_controls_navigation_stackpage.md.BcR77MkM.lean.js
rename to assets/zh_documentation_controls_navigation_stackpage.md.UOQMW330.lean.js
index ca31d18be..c4c54cfa0 100644
--- a/assets/zh_documentation_controls_navigation_stackpage.md.BcR77MkM.lean.js
+++ b/assets/zh_documentation_controls_navigation_stackpage.md.UOQMW330.lean.js
@@ -1 +1 @@
-import{_ as t}from"./chunks/stackpage.BHns5mvs.js";import{_ as e,c as i,a2 as s,o}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Stack Page","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/stackpage.md","filePath":"zh/documentation/controls/navigation/stackpage.md"}'),n={name:"zh/documentation/controls/navigation/stackpage.md"};function r(l,a,c,k,h,p){return o(),i("div",null,a[0]||(a[0]=[s('<h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> 内包含多个 <code>Content</code>，其数量可以设限</p><p>在标题栏上点击任何一个标题都可以跳转至该页面</p><p><code>StackPage</code> 也可以跳转到已存在的 <code>Content</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+t+'"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p>',11)]))}const m=e(n,[["render",r]]);export{u as __pageData,m as default};
+import{_ as t}from"./chunks/stackpage.BHns5mvs.js";import{_ as e,c as i,a2 as s,o}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Stack Page","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/stackpage.md","filePath":"zh/documentation/controls/navigation/stackpage.md"}'),n={name:"zh/documentation/controls/navigation/stackpage.md"};function r(l,a,c,k,h,p){return o(),i("div",null,a[0]||(a[0]=[s('<h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> 内包含多个 <code>Content</code>，其数量可以设限</p><p>在标题栏上点击任何一个标题都可以跳转至该页面</p><p><code>StackPage</code> 也可以跳转到已存在的 <code>Content</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+t+'"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p>',11)]))}const m=e(n,[["render",r]]);export{u as __pageData,m as default};
diff --git a/assets/zh_documentation_controls_navigation_tabcontrol.md.DAmogSU3.js b/assets/zh_documentation_controls_navigation_tabcontrol.md.Dm_I1ecn.js
similarity index 98%
rename from assets/zh_documentation_controls_navigation_tabcontrol.md.DAmogSU3.js
rename to assets/zh_documentation_controls_navigation_tabcontrol.md.Dm_I1ecn.js
index 6a28a4cb6..a610118c8 100644
--- a/assets/zh_documentation_controls_navigation_tabcontrol.md.DAmogSU3.js
+++ b/assets/zh_documentation_controls_navigation_tabcontrol.md.Dm_I1ecn.js
@@ -1,4 +1,4 @@
-import{_ as s}from"./chunks/tabcontrol.WzHjHu9v.js";import{_ as i,c as t,a2 as n,o as l}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Tab Control","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/tabcontrol.md","filePath":"zh/documentation/controls/navigation/tabcontrol.md"}'),e={name:"zh/documentation/controls/navigation/tabcontrol.md"};function o(h,a,r,p,k,d){return l(),t("div",null,a[0]||(a[0]=[n('<h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> 可以通过切换 <code>TabItem</code> 以展现多种内容</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> 属性是可用的</p></div><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+s+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as s}from"./chunks/tabcontrol.WzHjHu9v.js";import{_ as i,c as t,a2 as n,o as l}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Tab Control","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/tabcontrol.md","filePath":"zh/documentation/controls/navigation/tabcontrol.md"}'),e={name:"zh/documentation/controls/navigation/tabcontrol.md"};function o(h,a,r,p,k,d){return l(),t("div",null,a[0]||(a[0]=[n('<h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> 可以通过切换 <code>TabItem</code> 以展现多种内容</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> 属性是可用的</p></div><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+s+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Tab 1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/zh_documentation_controls_navigation_tabcontrol.md.DAmogSU3.lean.js b/assets/zh_documentation_controls_navigation_tabcontrol.md.Dm_I1ecn.lean.js
similarity index 98%
rename from assets/zh_documentation_controls_navigation_tabcontrol.md.DAmogSU3.lean.js
rename to assets/zh_documentation_controls_navigation_tabcontrol.md.Dm_I1ecn.lean.js
index 6a28a4cb6..a610118c8 100644
--- a/assets/zh_documentation_controls_navigation_tabcontrol.md.DAmogSU3.lean.js
+++ b/assets/zh_documentation_controls_navigation_tabcontrol.md.Dm_I1ecn.lean.js
@@ -1,4 +1,4 @@
-import{_ as s}from"./chunks/tabcontrol.WzHjHu9v.js";import{_ as i,c as t,a2 as n,o as l}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Tab Control","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/tabcontrol.md","filePath":"zh/documentation/controls/navigation/tabcontrol.md"}'),e={name:"zh/documentation/controls/navigation/tabcontrol.md"};function o(h,a,r,p,k,d){return l(),t("div",null,a[0]||(a[0]=[n('<h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> 可以通过切换 <code>TabItem</code> 以展现多种内容</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> 属性是可用的</p></div><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+s+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as s}from"./chunks/tabcontrol.WzHjHu9v.js";import{_ as i,c as t,a2 as n,o as l}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Tab Control","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/navigation/tabcontrol.md","filePath":"zh/documentation/controls/navigation/tabcontrol.md"}'),e={name:"zh/documentation/controls/navigation/tabcontrol.md"};function o(h,a,r,p,k,d){return l(),t("div",null,a[0]||(a[0]=[n('<h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> 可以通过切换 <code>TabItem</code> 以展现多种内容</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> 属性是可用的</p></div><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+s+`"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Tab 1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/zh_documentation_controls_notification_infobadge.md.B_ZhYMvj.js b/assets/zh_documentation_controls_notification_infobadge.md.CYB-8Lw8.js
similarity index 85%
rename from assets/zh_documentation_controls_notification_infobadge.md.B_ZhYMvj.js
rename to assets/zh_documentation_controls_notification_infobadge.md.CYB-8Lw8.js
index 4ef2ea9c5..708780451 100644
--- a/assets/zh_documentation_controls_notification_infobadge.md.B_ZhYMvj.js
+++ b/assets/zh_documentation_controls_notification_infobadge.md.CYB-8Lw8.js
@@ -1 +1 @@
-import{_ as t,c as o,o as n}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/notification/infobadge.md","filePath":"zh/documentation/controls/notification/infobadge.md"}'),e={name:"zh/documentation/controls/notification/infobadge.md"};function a(i,c,r,s,d,f){return n(),o("div")}const _=t(e,[["render",a]]);export{p as __pageData,_ as default};
+import{_ as t,c as o,o as n}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/notification/infobadge.md","filePath":"zh/documentation/controls/notification/infobadge.md"}'),e={name:"zh/documentation/controls/notification/infobadge.md"};function a(i,c,r,s,d,f){return n(),o("div")}const _=t(e,[["render",a]]);export{p as __pageData,_ as default};
diff --git a/assets/zh_documentation_controls_notification_infobadge.md.B_ZhYMvj.lean.js b/assets/zh_documentation_controls_notification_infobadge.md.CYB-8Lw8.lean.js
similarity index 85%
rename from assets/zh_documentation_controls_notification_infobadge.md.B_ZhYMvj.lean.js
rename to assets/zh_documentation_controls_notification_infobadge.md.CYB-8Lw8.lean.js
index 4ef2ea9c5..708780451 100644
--- a/assets/zh_documentation_controls_notification_infobadge.md.B_ZhYMvj.lean.js
+++ b/assets/zh_documentation_controls_notification_infobadge.md.CYB-8Lw8.lean.js
@@ -1 +1 @@
-import{_ as t,c as o,o as n}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/notification/infobadge.md","filePath":"zh/documentation/controls/notification/infobadge.md"}'),e={name:"zh/documentation/controls/notification/infobadge.md"};function a(i,c,r,s,d,f){return n(),o("div")}const _=t(e,[["render",a]]);export{p as __pageData,_ as default};
+import{_ as t,c as o,o as n}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/notification/infobadge.md","filePath":"zh/documentation/controls/notification/infobadge.md"}'),e={name:"zh/documentation/controls/notification/infobadge.md"};function a(i,c,r,s,d,f){return n(),o("div")}const _=t(e,[["render",a]]);export{p as __pageData,_ as default};
diff --git a/assets/zh_documentation_controls_notification_infobar.md.BvOuD2pm.js b/assets/zh_documentation_controls_notification_infobar.md.Cu_kRU8K.js
similarity index 98%
rename from assets/zh_documentation_controls_notification_infobar.md.BvOuD2pm.js
rename to assets/zh_documentation_controls_notification_infobar.md.Cu_kRU8K.js
index 669967b91..7ccb470b5 100644
--- a/assets/zh_documentation_controls_notification_infobar.md.BvOuD2pm.js
+++ b/assets/zh_documentation_controls_notification_infobar.md.Cu_kRU8K.js
@@ -1,4 +1,4 @@
-import{_ as a}from"./chunks/infobar.BS8Y9_St.js";import{_ as s,c as n,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"InfoBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/notification/infobar.md","filePath":"zh/documentation/controls/notification/infobar.md"}'),l={name:"zh/documentation/controls/notification/infobar.md"};function o(r,i,h,p,k,d){return e(),n("div",null,i[0]||(i[0]=[t('<h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> 是一个提醒控件，用于向用户传达特定严重程度的信息</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+`" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as a}from"./chunks/infobar.BS8Y9_St.js";import{_ as s,c as n,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"InfoBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/notification/infobar.md","filePath":"zh/documentation/controls/notification/infobar.md"}'),l={name:"zh/documentation/controls/notification/infobar.md"};function o(r,i,h,p,k,d){return e(),n("div",null,i[0]||(i[0]=[t('<h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> 是一个提醒控件，用于向用户传达特定严重程度的信息</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+`" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Title</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Info&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsOpaque</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsOpaque}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsClosable</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsClosable}&quot;</span></span>
diff --git a/assets/zh_documentation_controls_notification_infobar.md.BvOuD2pm.lean.js b/assets/zh_documentation_controls_notification_infobar.md.Cu_kRU8K.lean.js
similarity index 98%
rename from assets/zh_documentation_controls_notification_infobar.md.BvOuD2pm.lean.js
rename to assets/zh_documentation_controls_notification_infobar.md.Cu_kRU8K.lean.js
index 669967b91..7ccb470b5 100644
--- a/assets/zh_documentation_controls_notification_infobar.md.BvOuD2pm.lean.js
+++ b/assets/zh_documentation_controls_notification_infobar.md.Cu_kRU8K.lean.js
@@ -1,4 +1,4 @@
-import{_ as a}from"./chunks/infobar.BS8Y9_St.js";import{_ as s,c as n,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"InfoBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/notification/infobar.md","filePath":"zh/documentation/controls/notification/infobar.md"}'),l={name:"zh/documentation/controls/notification/infobar.md"};function o(r,i,h,p,k,d){return e(),n("div",null,i[0]||(i[0]=[t('<h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> 是一个提醒控件，用于向用户传达特定严重程度的信息</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+`" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as a}from"./chunks/infobar.BS8Y9_St.js";import{_ as s,c as n,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"InfoBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/notification/infobar.md","filePath":"zh/documentation/controls/notification/infobar.md"}'),l={name:"zh/documentation/controls/notification/infobar.md"};function o(r,i,h,p,k,d){return e(),n("div",null,i[0]||(i[0]=[t('<h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> 是一个提醒控件，用于向用户传达特定严重程度的信息</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+`" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Title</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Info&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsOpaque</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsOpaque}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsClosable</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsClosable}&quot;</span></span>
diff --git a/assets/zh_documentation_controls_progress_circleprogressbar.md.B-qo_GP2.js b/assets/zh_documentation_controls_progress_circleprogressbar.md.C16keW9i.js
similarity index 98%
rename from assets/zh_documentation_controls_progress_circleprogressbar.md.B-qo_GP2.js
rename to assets/zh_documentation_controls_progress_circleprogressbar.md.C16keW9i.js
index 2fe8f683a..a4398ee75 100644
--- a/assets/zh_documentation_controls_progress_circleprogressbar.md.B-qo_GP2.js
+++ b/assets/zh_documentation_controls_progress_circleprogressbar.md.C16keW9i.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/circleprogressbar.DFOQRR-C.js";import{_ as a,c as t,a2 as e,o as r}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"CircleProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/circleprogressbar.md","filePath":"zh/documentation/controls/progress/circleprogressbar.md"}'),n={name:"zh/documentation/controls/progress/circleprogressbar.md"};function l(h,s,p,k,o,d){return r(),t("div",null,s[0]||(s[0]=[e('<h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>圆形进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
+import{_ as i}from"./chunks/circleprogressbar.DFOQRR-C.js";import{_ as a,c as t,a2 as e,o as r}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"CircleProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/circleprogressbar.md","filePath":"zh/documentation/controls/progress/circleprogressbar.md"}'),n={name:"zh/documentation/controls/progress/circleprogressbar.md"};function l(h,s,p,k,o,d){return r(),t("div",null,s[0]||(s[0]=[e('<h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>圆形进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        StrokeWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;11&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0,2,0,0&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // 百分比显示</span></span>
diff --git a/assets/zh_documentation_controls_progress_circleprogressbar.md.B-qo_GP2.lean.js b/assets/zh_documentation_controls_progress_circleprogressbar.md.C16keW9i.lean.js
similarity index 98%
rename from assets/zh_documentation_controls_progress_circleprogressbar.md.B-qo_GP2.lean.js
rename to assets/zh_documentation_controls_progress_circleprogressbar.md.C16keW9i.lean.js
index 2fe8f683a..a4398ee75 100644
--- a/assets/zh_documentation_controls_progress_circleprogressbar.md.B-qo_GP2.lean.js
+++ b/assets/zh_documentation_controls_progress_circleprogressbar.md.C16keW9i.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/circleprogressbar.DFOQRR-C.js";import{_ as a,c as t,a2 as e,o as r}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"CircleProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/circleprogressbar.md","filePath":"zh/documentation/controls/progress/circleprogressbar.md"}'),n={name:"zh/documentation/controls/progress/circleprogressbar.md"};function l(h,s,p,k,o,d){return r(),t("div",null,s[0]||(s[0]=[e('<h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>圆形进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
+import{_ as i}from"./chunks/circleprogressbar.DFOQRR-C.js";import{_ as a,c as t,a2 as e,o as r}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"CircleProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/circleprogressbar.md","filePath":"zh/documentation/controls/progress/circleprogressbar.md"}'),n={name:"zh/documentation/controls/progress/circleprogressbar.md"};function l(h,s,p,k,o,d){return r(),t("div",null,s[0]||(s[0]=[e('<h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>圆形进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+i+`" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        StrokeWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;11&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0,2,0,0&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // 百分比显示</span></span>
diff --git a/assets/zh_documentation_controls_progress_loading.md.CZ8kK3mF.js b/assets/zh_documentation_controls_progress_loading.md.DIoSdgnz.js
similarity index 96%
rename from assets/zh_documentation_controls_progress_loading.md.CZ8kK3mF.js
rename to assets/zh_documentation_controls_progress_loading.md.DIoSdgnz.js
index 6f89909a6..f04e175d4 100644
--- a/assets/zh_documentation_controls_progress_loading.md.CZ8kK3mF.js
+++ b/assets/zh_documentation_controls_progress_loading.md.DIoSdgnz.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/loading.B04oCQSH.js";import{_ as t,c as i,a2 as o,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/loading.md","filePath":"zh/documentation/controls/progress/loading.md"}'),s={name:"zh/documentation/controls/progress/loading.md"};function n(l,a,d,h,p,c){return r(),i("div",null,a[0]||(a[0]=[o('<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>加载控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p>',9)]))}const k=t(s,[["render",n]]);export{u as __pageData,k as default};
+import{_ as e}from"./chunks/loading.B04oCQSH.js";import{_ as t,c as i,a2 as o,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/loading.md","filePath":"zh/documentation/controls/progress/loading.md"}'),s={name:"zh/documentation/controls/progress/loading.md"};function n(l,a,d,h,p,c){return r(),i("div",null,a[0]||(a[0]=[o('<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>加载控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p>',9)]))}const k=t(s,[["render",n]]);export{u as __pageData,k as default};
diff --git a/assets/zh_documentation_controls_progress_loading.md.CZ8kK3mF.lean.js b/assets/zh_documentation_controls_progress_loading.md.DIoSdgnz.lean.js
similarity index 96%
rename from assets/zh_documentation_controls_progress_loading.md.CZ8kK3mF.lean.js
rename to assets/zh_documentation_controls_progress_loading.md.DIoSdgnz.lean.js
index 6f89909a6..f04e175d4 100644
--- a/assets/zh_documentation_controls_progress_loading.md.CZ8kK3mF.lean.js
+++ b/assets/zh_documentation_controls_progress_loading.md.DIoSdgnz.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/loading.B04oCQSH.js";import{_ as t,c as i,a2 as o,o as r}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/loading.md","filePath":"zh/documentation/controls/progress/loading.md"}'),s={name:"zh/documentation/controls/progress/loading.md"};function n(l,a,d,h,p,c){return r(),i("div",null,a[0]||(a[0]=[o('<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>加载控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p>',9)]))}const k=t(s,[["render",n]]);export{u as __pageData,k as default};
+import{_ as e}from"./chunks/loading.B04oCQSH.js";import{_ as t,c as i,a2 as o,o as r}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/loading.md","filePath":"zh/documentation/controls/progress/loading.md"}'),s={name:"zh/documentation/controls/progress/loading.md"};function n(l,a,d,h,p,c){return r(),i("div",null,a[0]||(a[0]=[o('<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>加载控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+e+'" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p>',9)]))}const k=t(s,[["render",n]]);export{u as __pageData,k as default};
diff --git a/assets/zh_documentation_controls_progress_progressbar.md.CwItBmIZ.js b/assets/zh_documentation_controls_progress_progressbar.md.Dwav7bBx.js
similarity index 97%
rename from assets/zh_documentation_controls_progress_progressbar.md.CwItBmIZ.js
rename to assets/zh_documentation_controls_progress_progressbar.md.Dwav7bBx.js
index 13d7f6c3b..76f63681f 100644
--- a/assets/zh_documentation_controls_progress_progressbar.md.CwItBmIZ.js
+++ b/assets/zh_documentation_controls_progress_progressbar.md.Dwav7bBx.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/progressbar.DYes4aMl.js";import{_ as i,c as e,a2 as r,o as t}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"ProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/progressbar.md","filePath":"zh/documentation/controls/progress/progressbar.md"}'),o={name:"zh/documentation/controls/progress/progressbar.md"};function n(l,s,h,p,d,k){return t(),e("div",null,s[0]||(s[0]=[r('<h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+'" height="300px" width="400px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p>',8)]))}const m=i(o,[["render",n]]);export{u as __pageData,m as default};
+import{_ as a}from"./chunks/progressbar.DYes4aMl.js";import{_ as i,c as e,a2 as r,o as t}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"ProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/progressbar.md","filePath":"zh/documentation/controls/progress/progressbar.md"}'),o={name:"zh/documentation/controls/progress/progressbar.md"};function n(l,s,h,p,d,k){return t(),e("div",null,s[0]||(s[0]=[r('<h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+'" height="300px" width="400px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p>',8)]))}const m=i(o,[["render",n]]);export{u as __pageData,m as default};
diff --git a/assets/zh_documentation_controls_progress_progressbar.md.CwItBmIZ.lean.js b/assets/zh_documentation_controls_progress_progressbar.md.Dwav7bBx.lean.js
similarity index 97%
rename from assets/zh_documentation_controls_progress_progressbar.md.CwItBmIZ.lean.js
rename to assets/zh_documentation_controls_progress_progressbar.md.Dwav7bBx.lean.js
index 13d7f6c3b..76f63681f 100644
--- a/assets/zh_documentation_controls_progress_progressbar.md.CwItBmIZ.lean.js
+++ b/assets/zh_documentation_controls_progress_progressbar.md.Dwav7bBx.lean.js
@@ -1 +1 @@
-import{_ as a}from"./chunks/progressbar.DYes4aMl.js";import{_ as i,c as e,a2 as r,o as t}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"ProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/progressbar.md","filePath":"zh/documentation/controls/progress/progressbar.md"}'),o={name:"zh/documentation/controls/progress/progressbar.md"};function n(l,s,h,p,d,k){return t(),e("div",null,s[0]||(s[0]=[r('<h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+'" height="300px" width="400px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p>',8)]))}const m=i(o,[["render",n]]);export{u as __pageData,m as default};
+import{_ as a}from"./chunks/progressbar.DYes4aMl.js";import{_ as i,c as e,a2 as r,o as t}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"ProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/progressbar.md","filePath":"zh/documentation/controls/progress/progressbar.md"}'),o={name:"zh/documentation/controls/progress/progressbar.md"};function n(l,s,h,p,d,k){return t(),e("div",null,s[0]||(s[0]=[r('<h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+'" height="300px" width="400px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p>',8)]))}const m=i(o,[["render",n]]);export{u as __pageData,m as default};
diff --git a/assets/zh_documentation_controls_progress_stepper.md.CHn_kP47.js b/assets/zh_documentation_controls_progress_stepper.md.B8p93PmZ.js
similarity index 97%
rename from assets/zh_documentation_controls_progress_stepper.md.CHn_kP47.js
rename to assets/zh_documentation_controls_progress_stepper.md.B8p93PmZ.js
index 73121e2d2..7f3c8d71e 100644
--- a/assets/zh_documentation_controls_progress_stepper.md.CHn_kP47.js
+++ b/assets/zh_documentation_controls_progress_stepper.md.B8p93PmZ.js
@@ -1,3 +1,3 @@
-import{_ as i,c as a,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"Stepper","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/stepper.md","filePath":"zh/documentation/controls/progress/stepper.md"}'),l={name:"zh/documentation/controls/progress/stepper.md"};function h(n,s,p,r,k,o){return e(),a("div",null,s[0]||(s[0]=[t(`<h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>指引用户分步骤完成一项任务的控件</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="用法" tabindex="-1">用法 <a class="header-anchor" href="#用法" aria-label="Permalink to &quot;用法&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,c as a,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"Stepper","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/stepper.md","filePath":"zh/documentation/controls/progress/stepper.md"}'),l={name:"zh/documentation/controls/progress/stepper.md"};function h(n,s,p,r,k,o){return e(),a("div",null,s[0]||(s[0]=[t(`<h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>指引用户分步骤完成一项任务的控件</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="用法" tabindex="-1">用法 <a class="header-anchor" href="#用法" aria-label="Permalink to &quot;用法&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">public</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> IEnumerable</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Steps { get; } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                           [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;First Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Second Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Third Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="使用另一种样式" tabindex="-1">使用另一种样式 <a class="header-anchor" href="#使用另一种样式" aria-label="Permalink to &quot;使用另一种样式&quot;">​</a></h2><img src="https://sleekshot.app/api/download/siVzTBuU6zhn"><h3 id="axaml-1" tabindex="-1">Axaml <a class="header-anchor" href="#axaml-1" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AlternativeStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Stepper.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Stepper.axaml.cs</a></p>`,15)]))}const g=i(l,[["render",h]]);export{E as __pageData,g as default};
diff --git a/assets/zh_documentation_controls_progress_stepper.md.CHn_kP47.lean.js b/assets/zh_documentation_controls_progress_stepper.md.B8p93PmZ.lean.js
similarity index 97%
rename from assets/zh_documentation_controls_progress_stepper.md.CHn_kP47.lean.js
rename to assets/zh_documentation_controls_progress_stepper.md.B8p93PmZ.lean.js
index 73121e2d2..7f3c8d71e 100644
--- a/assets/zh_documentation_controls_progress_stepper.md.CHn_kP47.lean.js
+++ b/assets/zh_documentation_controls_progress_stepper.md.B8p93PmZ.lean.js
@@ -1,3 +1,3 @@
-import{_ as i,c as a,a2 as t,o as e}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"Stepper","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/stepper.md","filePath":"zh/documentation/controls/progress/stepper.md"}'),l={name:"zh/documentation/controls/progress/stepper.md"};function h(n,s,p,r,k,o){return e(),a("div",null,s[0]||(s[0]=[t(`<h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>指引用户分步骤完成一项任务的控件</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="用法" tabindex="-1">用法 <a class="header-anchor" href="#用法" aria-label="Permalink to &quot;用法&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,c as a,a2 as t,o as e}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"Stepper","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/stepper.md","filePath":"zh/documentation/controls/progress/stepper.md"}'),l={name:"zh/documentation/controls/progress/stepper.md"};function h(n,s,p,r,k,o){return e(),a("div",null,s[0]||(s[0]=[t(`<h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>指引用户分步骤完成一项任务的控件</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="用法" tabindex="-1">用法 <a class="header-anchor" href="#用法" aria-label="Permalink to &quot;用法&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">public</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> IEnumerable</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Steps { get; } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                           [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;First Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Second Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Third Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="使用另一种样式" tabindex="-1">使用另一种样式 <a class="header-anchor" href="#使用另一种样式" aria-label="Permalink to &quot;使用另一种样式&quot;">​</a></h2><img src="https://sleekshot.app/api/download/siVzTBuU6zhn"><h3 id="axaml-1" tabindex="-1">Axaml <a class="header-anchor" href="#axaml-1" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AlternativeStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Stepper.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Stepper.axaml.cs</a></p>`,15)]))}const g=i(l,[["render",h]]);export{E as __pageData,g as default};
diff --git a/assets/zh_documentation_controls_progress_waveprogress.md.Dcabiu7r.js b/assets/zh_documentation_controls_progress_waveprogress.md.C6QCQyu9.js
similarity index 97%
rename from assets/zh_documentation_controls_progress_waveprogress.md.Dcabiu7r.js
rename to assets/zh_documentation_controls_progress_waveprogress.md.C6QCQyu9.js
index 5cdeff15a..b66428023 100644
--- a/assets/zh_documentation_controls_progress_waveprogress.md.Dcabiu7r.js
+++ b/assets/zh_documentation_controls_progress_waveprogress.md.C6QCQyu9.js
@@ -1,3 +1,3 @@
-import{_ as a}from"./chunks/waveprogress.BziSuxVY.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"WaveProgress","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/waveprogress.md","filePath":"zh/documentation/controls/progress/waveprogress.md"}'),o={name:"zh/documentation/controls/progress/waveprogress.md"};function n(l,s,h,p,k,d){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>带波浪动画的进度控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as a}from"./chunks/waveprogress.BziSuxVY.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"WaveProgress","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/waveprogress.md","filePath":"zh/documentation/controls/progress/waveprogress.md"}'),o={name:"zh/documentation/controls/progress/waveprogress.md"};function n(l,s,h,p,k,d){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>带波浪动画的进度控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsTextVisible</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // 是否显示百分比</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/WaveProgress.axaml.cs" target="_blank" rel="noreferrer">API: Controls/WaveProgress.axaml.cs</a></p>`,9)]))}const m=e(o,[["render",n]]);export{u as __pageData,m as default};
diff --git a/assets/zh_documentation_controls_progress_waveprogress.md.Dcabiu7r.lean.js b/assets/zh_documentation_controls_progress_waveprogress.md.C6QCQyu9.lean.js
similarity index 97%
rename from assets/zh_documentation_controls_progress_waveprogress.md.Dcabiu7r.lean.js
rename to assets/zh_documentation_controls_progress_waveprogress.md.C6QCQyu9.lean.js
index 5cdeff15a..b66428023 100644
--- a/assets/zh_documentation_controls_progress_waveprogress.md.Dcabiu7r.lean.js
+++ b/assets/zh_documentation_controls_progress_waveprogress.md.C6QCQyu9.lean.js
@@ -1,3 +1,3 @@
-import{_ as a}from"./chunks/waveprogress.BziSuxVY.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"WaveProgress","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/waveprogress.md","filePath":"zh/documentation/controls/progress/waveprogress.md"}'),o={name:"zh/documentation/controls/progress/waveprogress.md"};function n(l,s,h,p,k,d){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>带波浪动画的进度控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+import{_ as a}from"./chunks/waveprogress.BziSuxVY.js";import{_ as e,c as i,a2 as r,o as t}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"WaveProgress","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/progress/waveprogress.md","filePath":"zh/documentation/controls/progress/waveprogress.md"}'),o={name:"zh/documentation/controls/progress/waveprogress.md"};function n(l,s,h,p,k,d){return t(),i("div",null,s[0]||(s[0]=[r('<h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>带波浪动画的进度控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="'+a+`" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsTextVisible</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // 是否显示百分比</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/WaveProgress.axaml.cs" target="_blank" rel="noreferrer">API: Controls/WaveProgress.axaml.cs</a></p>`,9)]))}const m=e(o,[["render",n]]);export{u as __pageData,m as default};
diff --git a/assets/zh_documentation_controls_system_filepicker.md.Czt55_uh.js b/assets/zh_documentation_controls_system_filepicker.md.DzvNGmvC.js
similarity index 85%
rename from assets/zh_documentation_controls_system_filepicker.md.Czt55_uh.js
rename to assets/zh_documentation_controls_system_filepicker.md.DzvNGmvC.js
index 4d5688b08..f2c2c0390 100644
--- a/assets/zh_documentation_controls_system_filepicker.md.Czt55_uh.js
+++ b/assets/zh_documentation_controls_system_filepicker.md.DzvNGmvC.js
@@ -1 +1 @@
-import{_ as e,c as t,o}from"./chunks/framework.Ckp7d4B5.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/system/filepicker.md","filePath":"zh/documentation/controls/system/filepicker.md"}'),c={name:"zh/documentation/controls/system/filepicker.md"};function r(s,n,a,i,m,p){return o(),t("div")}const f=e(c,[["render",r]]);export{d as __pageData,f as default};
+import{_ as e,c as t,o}from"./chunks/framework.CoCfjAIq.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/system/filepicker.md","filePath":"zh/documentation/controls/system/filepicker.md"}'),c={name:"zh/documentation/controls/system/filepicker.md"};function r(s,n,a,i,m,p){return o(),t("div")}const f=e(c,[["render",r]]);export{d as __pageData,f as default};
diff --git a/assets/zh_documentation_controls_system_filepicker.md.Czt55_uh.lean.js b/assets/zh_documentation_controls_system_filepicker.md.DzvNGmvC.lean.js
similarity index 85%
rename from assets/zh_documentation_controls_system_filepicker.md.Czt55_uh.lean.js
rename to assets/zh_documentation_controls_system_filepicker.md.DzvNGmvC.lean.js
index 4d5688b08..f2c2c0390 100644
--- a/assets/zh_documentation_controls_system_filepicker.md.Czt55_uh.lean.js
+++ b/assets/zh_documentation_controls_system_filepicker.md.DzvNGmvC.lean.js
@@ -1 +1 @@
-import{_ as e,c as t,o}from"./chunks/framework.Ckp7d4B5.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/system/filepicker.md","filePath":"zh/documentation/controls/system/filepicker.md"}'),c={name:"zh/documentation/controls/system/filepicker.md"};function r(s,n,a,i,m,p){return o(),t("div")}const f=e(c,[["render",r]]);export{d as __pageData,f as default};
+import{_ as e,c as t,o}from"./chunks/framework.CoCfjAIq.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/controls/system/filepicker.md","filePath":"zh/documentation/controls/system/filepicker.md"}'),c={name:"zh/documentation/controls/system/filepicker.md"};function r(s,n,a,i,m,p){return o(),t("div")}const f=e(c,[["render",r]]);export{d as __pageData,f as default};
diff --git a/assets/zh_documentation_faq_custom-font.md.W79dDpYe.js b/assets/zh_documentation_faq_custom-font.md.C8__sOrN.js
similarity index 98%
rename from assets/zh_documentation_faq_custom-font.md.W79dDpYe.js
rename to assets/zh_documentation_faq_custom-font.md.C8__sOrN.js
index 0d64989b9..538a8eefd 100644
--- a/assets/zh_documentation_faq_custom-font.md.W79dDpYe.js
+++ b/assets/zh_documentation_faq_custom-font.md.C8__sOrN.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Ckp7d4B5.js";const o=JSON.parse('{"title":"如何使用自定义字体","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/faq/custom-font.md","filePath":"zh/documentation/faq/custom-font.md"}'),l={name:"zh/documentation/faq/custom-font.md"};function h(p,s,k,e,E,r){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="如何使用自定义字体" tabindex="-1">如何使用自定义字体 <a class="header-anchor" href="#如何使用自定义字体" aria-label="Permalink to &quot;如何使用自定义字体&quot;">​</a></h1><p>以下是创建一个新的基于 SukiUI 项目后的 <code>App.axaml</code> 文件：</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.CoCfjAIq.js";const o=JSON.parse('{"title":"如何使用自定义字体","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/faq/custom-font.md","filePath":"zh/documentation/faq/custom-font.md"}'),l={name:"zh/documentation/faq/custom-font.md"};function h(p,s,k,e,E,r){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="如何使用自定义字体" tabindex="-1">如何使用自定义字体 <a class="header-anchor" href="#如何使用自定义字体" aria-label="Permalink to &quot;如何使用自定义字体&quot;">​</a></h1><p>以下是创建一个新的基于 SukiUI 项目后的 <code>App.axaml</code> 文件：</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:x</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             x:Class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;SukiTest.App&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;using:SukiTest&quot;</span></span>
diff --git a/assets/zh_documentation_faq_custom-font.md.W79dDpYe.lean.js b/assets/zh_documentation_faq_custom-font.md.C8__sOrN.lean.js
similarity index 98%
rename from assets/zh_documentation_faq_custom-font.md.W79dDpYe.lean.js
rename to assets/zh_documentation_faq_custom-font.md.C8__sOrN.lean.js
index 0d64989b9..538a8eefd 100644
--- a/assets/zh_documentation_faq_custom-font.md.W79dDpYe.lean.js
+++ b/assets/zh_documentation_faq_custom-font.md.C8__sOrN.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Ckp7d4B5.js";const o=JSON.parse('{"title":"如何使用自定义字体","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/faq/custom-font.md","filePath":"zh/documentation/faq/custom-font.md"}'),l={name:"zh/documentation/faq/custom-font.md"};function h(p,s,k,e,E,r){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="如何使用自定义字体" tabindex="-1">如何使用自定义字体 <a class="header-anchor" href="#如何使用自定义字体" aria-label="Permalink to &quot;如何使用自定义字体&quot;">​</a></h1><p>以下是创建一个新的基于 SukiUI 项目后的 <code>App.axaml</code> 文件：</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.CoCfjAIq.js";const o=JSON.parse('{"title":"如何使用自定义字体","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/faq/custom-font.md","filePath":"zh/documentation/faq/custom-font.md"}'),l={name:"zh/documentation/faq/custom-font.md"};function h(p,s,k,e,E,r){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="如何使用自定义字体" tabindex="-1">如何使用自定义字体 <a class="header-anchor" href="#如何使用自定义字体" aria-label="Permalink to &quot;如何使用自定义字体&quot;">​</a></h1><p>以下是创建一个新的基于 SukiUI 项目后的 <code>App.axaml</code> 文件：</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:x</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             x:Class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;SukiTest.App&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;using:SukiTest&quot;</span></span>
diff --git a/assets/zh_documentation_getting-started_installation.md.op0fYDPC.js b/assets/zh_documentation_getting-started_installation.md.D90qknIP.js
similarity index 98%
rename from assets/zh_documentation_getting-started_installation.md.op0fYDPC.js
rename to assets/zh_documentation_getting-started_installation.md.D90qknIP.js
index bd1a2347f..3042891ce 100644
--- a/assets/zh_documentation_getting-started_installation.md.op0fYDPC.js
+++ b/assets/zh_documentation_getting-started_installation.md.D90qknIP.js
@@ -1 +1 @@
-import{_ as a,a as e,b as i,c as o,d as l}from"./chunks/introduction-final-package-list.aT7fuA6M.js";import{_ as s,c as r,a2 as c,o as n}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"安装","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/installation.md","filePath":"zh/documentation/getting-started/installation.md"}'),p={name:"zh/documentation/getting-started/installation.md"};function d(u,t,h,k,m,g){return n(),r("div",null,t[0]||(t[0]=[c('<h1 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to &quot;安装&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>写完本篇时，Avalonia 的版本是 <code>11.2.0-beta1</code> ，SukiUI 的版本是 <code>6.0.0-beta8</code></p></div><p>SukiUI 可以通过以下两种方式安装:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>推荐</strong></li><li>从 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a> 获取 CI 构建后的 <code>.dll</code></li></ul><h2 id="准备工作" tabindex="-1">准备工作 <a class="header-anchor" href="#准备工作" aria-label="Permalink to &quot;准备工作&quot;">​</a></h2><p>以下是 <code>Avalonia Template</code> 项目创建后，默认的包列表:</p><p><img src="'+a+'" alt="" title="default package list"></p><p>在这些包中，<code>Avalonia.Themes.Fluent</code> 可以被删除</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>有关 <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/zh-Hans/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">设置编辑器</a></p></div><h2 id="安装最新的-sukiui" tabindex="-1">安装最新的 SukiUI <a class="header-anchor" href="#安装最新的-sukiui" aria-label="Permalink to &quot;安装最新的 SukiUI&quot;">​</a></h2><p>对于大多数用户来说，通过 Nuget 安装是不错的选择；但如果你想体验最新构建的功能，请从 Github Action 中下载构建</p><h3 id="通过-nuget-安装" tabindex="-1">通过 Nuget 安装 <a class="header-anchor" href="#通过-nuget-安装" aria-label="Permalink to &quot;通过 Nuget 安装&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>访问 <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> 获取更多信息</p></div><h3 id="通过-github-action-安装" tabindex="-1">通过 Github Action 安装 <a class="header-anchor" href="#通过-github-action-安装" aria-label="Permalink to &quot;通过 Github Action 安装&quot;">​</a></h3><details><summary>Github Action 步骤</summary><ol><li><p>访问 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>选择最后一个<code>workflow</code><img src="'+e+'" alt="" title="workflow"></p></li><li><p>下载 <img src="'+i+'" alt="" title="artifact"></p></li><li><p>在项目中添加引用 <img src="'+o+'" alt="" title="reference"></p></li><li><p>选择刚刚下载的 <code>SukiUI.dll</code> 并添加</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>最终，你的包列表应为：</p><p><img src="'+l+'" alt="" title="package list"></p></div></details>',16)]))}const v=s(p,[["render",d]]);export{_ as __pageData,v as default};
+import{_ as a,a as e,b as i,c as o,d as l}from"./chunks/introduction-final-package-list.aT7fuA6M.js";import{_ as s,c as r,a2 as c,o as n}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"安装","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/installation.md","filePath":"zh/documentation/getting-started/installation.md"}'),p={name:"zh/documentation/getting-started/installation.md"};function d(u,t,h,k,m,g){return n(),r("div",null,t[0]||(t[0]=[c('<h1 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to &quot;安装&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>写完本篇时，Avalonia 的版本是 <code>11.2.0-beta1</code> ，SukiUI 的版本是 <code>6.0.0-beta8</code></p></div><p>SukiUI 可以通过以下两种方式安装:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>推荐</strong></li><li>从 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a> 获取 CI 构建后的 <code>.dll</code></li></ul><h2 id="准备工作" tabindex="-1">准备工作 <a class="header-anchor" href="#准备工作" aria-label="Permalink to &quot;准备工作&quot;">​</a></h2><p>以下是 <code>Avalonia Template</code> 项目创建后，默认的包列表:</p><p><img src="'+a+'" alt="" title="default package list"></p><p>在这些包中，<code>Avalonia.Themes.Fluent</code> 可以被删除</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>有关 <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/zh-Hans/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">设置编辑器</a></p></div><h2 id="安装最新的-sukiui" tabindex="-1">安装最新的 SukiUI <a class="header-anchor" href="#安装最新的-sukiui" aria-label="Permalink to &quot;安装最新的 SukiUI&quot;">​</a></h2><p>对于大多数用户来说，通过 Nuget 安装是不错的选择；但如果你想体验最新构建的功能，请从 Github Action 中下载构建</p><h3 id="通过-nuget-安装" tabindex="-1">通过 Nuget 安装 <a class="header-anchor" href="#通过-nuget-安装" aria-label="Permalink to &quot;通过 Nuget 安装&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>访问 <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> 获取更多信息</p></div><h3 id="通过-github-action-安装" tabindex="-1">通过 Github Action 安装 <a class="header-anchor" href="#通过-github-action-安装" aria-label="Permalink to &quot;通过 Github Action 安装&quot;">​</a></h3><details><summary>Github Action 步骤</summary><ol><li><p>访问 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>选择最后一个<code>workflow</code><img src="'+e+'" alt="" title="workflow"></p></li><li><p>下载 <img src="'+i+'" alt="" title="artifact"></p></li><li><p>在项目中添加引用 <img src="'+o+'" alt="" title="reference"></p></li><li><p>选择刚刚下载的 <code>SukiUI.dll</code> 并添加</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>最终，你的包列表应为：</p><p><img src="'+l+'" alt="" title="package list"></p></div></details>',16)]))}const v=s(p,[["render",d]]);export{_ as __pageData,v as default};
diff --git a/assets/zh_documentation_getting-started_installation.md.op0fYDPC.lean.js b/assets/zh_documentation_getting-started_installation.md.D90qknIP.lean.js
similarity index 98%
rename from assets/zh_documentation_getting-started_installation.md.op0fYDPC.lean.js
rename to assets/zh_documentation_getting-started_installation.md.D90qknIP.lean.js
index bd1a2347f..3042891ce 100644
--- a/assets/zh_documentation_getting-started_installation.md.op0fYDPC.lean.js
+++ b/assets/zh_documentation_getting-started_installation.md.D90qknIP.lean.js
@@ -1 +1 @@
-import{_ as a,a as e,b as i,c as o,d as l}from"./chunks/introduction-final-package-list.aT7fuA6M.js";import{_ as s,c as r,a2 as c,o as n}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"安装","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/installation.md","filePath":"zh/documentation/getting-started/installation.md"}'),p={name:"zh/documentation/getting-started/installation.md"};function d(u,t,h,k,m,g){return n(),r("div",null,t[0]||(t[0]=[c('<h1 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to &quot;安装&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>写完本篇时，Avalonia 的版本是 <code>11.2.0-beta1</code> ，SukiUI 的版本是 <code>6.0.0-beta8</code></p></div><p>SukiUI 可以通过以下两种方式安装:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>推荐</strong></li><li>从 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a> 获取 CI 构建后的 <code>.dll</code></li></ul><h2 id="准备工作" tabindex="-1">准备工作 <a class="header-anchor" href="#准备工作" aria-label="Permalink to &quot;准备工作&quot;">​</a></h2><p>以下是 <code>Avalonia Template</code> 项目创建后，默认的包列表:</p><p><img src="'+a+'" alt="" title="default package list"></p><p>在这些包中，<code>Avalonia.Themes.Fluent</code> 可以被删除</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>有关 <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/zh-Hans/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">设置编辑器</a></p></div><h2 id="安装最新的-sukiui" tabindex="-1">安装最新的 SukiUI <a class="header-anchor" href="#安装最新的-sukiui" aria-label="Permalink to &quot;安装最新的 SukiUI&quot;">​</a></h2><p>对于大多数用户来说，通过 Nuget 安装是不错的选择；但如果你想体验最新构建的功能，请从 Github Action 中下载构建</p><h3 id="通过-nuget-安装" tabindex="-1">通过 Nuget 安装 <a class="header-anchor" href="#通过-nuget-安装" aria-label="Permalink to &quot;通过 Nuget 安装&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>访问 <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> 获取更多信息</p></div><h3 id="通过-github-action-安装" tabindex="-1">通过 Github Action 安装 <a class="header-anchor" href="#通过-github-action-安装" aria-label="Permalink to &quot;通过 Github Action 安装&quot;">​</a></h3><details><summary>Github Action 步骤</summary><ol><li><p>访问 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>选择最后一个<code>workflow</code><img src="'+e+'" alt="" title="workflow"></p></li><li><p>下载 <img src="'+i+'" alt="" title="artifact"></p></li><li><p>在项目中添加引用 <img src="'+o+'" alt="" title="reference"></p></li><li><p>选择刚刚下载的 <code>SukiUI.dll</code> 并添加</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>最终，你的包列表应为：</p><p><img src="'+l+'" alt="" title="package list"></p></div></details>',16)]))}const v=s(p,[["render",d]]);export{_ as __pageData,v as default};
+import{_ as a,a as e,b as i,c as o,d as l}from"./chunks/introduction-final-package-list.aT7fuA6M.js";import{_ as s,c as r,a2 as c,o as n}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"安装","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/installation.md","filePath":"zh/documentation/getting-started/installation.md"}'),p={name:"zh/documentation/getting-started/installation.md"};function d(u,t,h,k,m,g){return n(),r("div",null,t[0]||(t[0]=[c('<h1 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to &quot;安装&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>写完本篇时，Avalonia 的版本是 <code>11.2.0-beta1</code> ，SukiUI 的版本是 <code>6.0.0-beta8</code></p></div><p>SukiUI 可以通过以下两种方式安装:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>推荐</strong></li><li>从 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a> 获取 CI 构建后的 <code>.dll</code></li></ul><h2 id="准备工作" tabindex="-1">准备工作 <a class="header-anchor" href="#准备工作" aria-label="Permalink to &quot;准备工作&quot;">​</a></h2><p>以下是 <code>Avalonia Template</code> 项目创建后，默认的包列表:</p><p><img src="'+a+'" alt="" title="default package list"></p><p>在这些包中，<code>Avalonia.Themes.Fluent</code> 可以被删除</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>有关 <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/zh-Hans/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">设置编辑器</a></p></div><h2 id="安装最新的-sukiui" tabindex="-1">安装最新的 SukiUI <a class="header-anchor" href="#安装最新的-sukiui" aria-label="Permalink to &quot;安装最新的 SukiUI&quot;">​</a></h2><p>对于大多数用户来说，通过 Nuget 安装是不错的选择；但如果你想体验最新构建的功能，请从 Github Action 中下载构建</p><h3 id="通过-nuget-安装" tabindex="-1">通过 Nuget 安装 <a class="header-anchor" href="#通过-nuget-安装" aria-label="Permalink to &quot;通过 Nuget 安装&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>访问 <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> 获取更多信息</p></div><h3 id="通过-github-action-安装" tabindex="-1">通过 Github Action 安装 <a class="header-anchor" href="#通过-github-action-安装" aria-label="Permalink to &quot;通过 Github Action 安装&quot;">​</a></h3><details><summary>Github Action 步骤</summary><ol><li><p>访问 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>选择最后一个<code>workflow</code><img src="'+e+'" alt="" title="workflow"></p></li><li><p>下载 <img src="'+i+'" alt="" title="artifact"></p></li><li><p>在项目中添加引用 <img src="'+o+'" alt="" title="reference"></p></li><li><p>选择刚刚下载的 <code>SukiUI.dll</code> 并添加</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>最终，你的包列表应为：</p><p><img src="'+l+'" alt="" title="package list"></p></div></details>',16)]))}const v=s(p,[["render",d]]);export{_ as __pageData,v as default};
diff --git a/assets/zh_documentation_getting-started_introduction.md.D2P9A6Au.js b/assets/zh_documentation_getting-started_introduction.md.RZfbCGKb.js
similarity index 96%
rename from assets/zh_documentation_getting-started_introduction.md.D2P9A6Au.js
rename to assets/zh_documentation_getting-started_introduction.md.RZfbCGKb.js
index b86066bc9..f1b4dc112 100644
--- a/assets/zh_documentation_getting-started_introduction.md.D2P9A6Au.js
+++ b/assets/zh_documentation_getting-started_introduction.md.RZfbCGKb.js
@@ -1,2 +1,2 @@
-import{_ as e,c as a,a2 as i,o}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"介绍","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/introduction.md","filePath":"zh/documentation/getting-started/introduction.md"}'),s={name:"zh/documentation/getting-started/introduction.md"};function r(n,t,l,d,c,h){return o(),a("div",null,t[0]||(t[0]=[i(`<h1 id="介绍" tabindex="-1">介绍 <a class="header-anchor" href="#介绍" aria-label="Permalink to &quot;介绍&quot;">​</a></h1><p>使用 <strong>SukiUI</strong> 创建更简约、美观的 Avalonia 应用</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
+import{_ as e,c as a,a2 as i,o}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"介绍","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/introduction.md","filePath":"zh/documentation/getting-started/introduction.md"}'),s={name:"zh/documentation/getting-started/introduction.md"};function r(n,t,l,d,c,h){return o(),a("div",null,t[0]||(t[0]=[i(`<h1 id="介绍" tabindex="-1">介绍 <a class="header-anchor" href="#介绍" aria-label="Permalink to &quot;介绍&quot;">​</a></h1><p>使用 <strong>SukiUI</strong> 创建更简约、美观的 Avalonia 应用</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
 ?style=for-the-badge"><a href="https://www.nuget.org/packages/SukiUI"><img src="https://img.shields.io/nuget/vpre/SukiUI?style=for-the-badge" alt="Nuget Pre"></a></div><p><img src="https://github.com/user-attachments/assets/00622266-dbb8-4c05-8d1f-782483f4ca14" alt="overview"></p><h2 id="gallery" tabindex="-1">Gallery <a class="header-anchor" href="#gallery" aria-label="Permalink to &quot;Gallery&quot;">​</a></h2><p>前往 Microsoft Store 体验 Demo</p><a href="https://apps.microsoft.com/detail/9NM01BJ6JTTF?hl=en-us&amp;gl=US"><img src="https://get.microsoft.com/images/en-us%20dark.svg" width="200" alt="Download SukiUI Controls Gallery"></a>`,7)]))}const m=e(s,[["render",r]]);export{u as __pageData,m as default};
diff --git a/assets/zh_documentation_getting-started_introduction.md.D2P9A6Au.lean.js b/assets/zh_documentation_getting-started_introduction.md.RZfbCGKb.lean.js
similarity index 96%
rename from assets/zh_documentation_getting-started_introduction.md.D2P9A6Au.lean.js
rename to assets/zh_documentation_getting-started_introduction.md.RZfbCGKb.lean.js
index b86066bc9..f1b4dc112 100644
--- a/assets/zh_documentation_getting-started_introduction.md.D2P9A6Au.lean.js
+++ b/assets/zh_documentation_getting-started_introduction.md.RZfbCGKb.lean.js
@@ -1,2 +1,2 @@
-import{_ as e,c as a,a2 as i,o}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"介绍","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/introduction.md","filePath":"zh/documentation/getting-started/introduction.md"}'),s={name:"zh/documentation/getting-started/introduction.md"};function r(n,t,l,d,c,h){return o(),a("div",null,t[0]||(t[0]=[i(`<h1 id="介绍" tabindex="-1">介绍 <a class="header-anchor" href="#介绍" aria-label="Permalink to &quot;介绍&quot;">​</a></h1><p>使用 <strong>SukiUI</strong> 创建更简约、美观的 Avalonia 应用</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
+import{_ as e,c as a,a2 as i,o}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"介绍","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/introduction.md","filePath":"zh/documentation/getting-started/introduction.md"}'),s={name:"zh/documentation/getting-started/introduction.md"};function r(n,t,l,d,c,h){return o(),a("div",null,t[0]||(t[0]=[i(`<h1 id="介绍" tabindex="-1">介绍 <a class="header-anchor" href="#介绍" aria-label="Permalink to &quot;介绍&quot;">​</a></h1><p>使用 <strong>SukiUI</strong> 创建更简约、美观的 Avalonia 应用</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
 ?style=for-the-badge"><a href="https://www.nuget.org/packages/SukiUI"><img src="https://img.shields.io/nuget/vpre/SukiUI?style=for-the-badge" alt="Nuget Pre"></a></div><p><img src="https://github.com/user-attachments/assets/00622266-dbb8-4c05-8d1f-782483f4ca14" alt="overview"></p><h2 id="gallery" tabindex="-1">Gallery <a class="header-anchor" href="#gallery" aria-label="Permalink to &quot;Gallery&quot;">​</a></h2><p>前往 Microsoft Store 体验 Demo</p><a href="https://apps.microsoft.com/detail/9NM01BJ6JTTF?hl=en-us&amp;gl=US"><img src="https://get.microsoft.com/images/en-us%20dark.svg" width="200" alt="Download SukiUI Controls Gallery"></a>`,7)]))}const m=e(s,[["render",r]]);export{u as __pageData,m as default};
diff --git a/assets/zh_documentation_getting-started_launch.md.Bplj30qB.js b/assets/zh_documentation_getting-started_launch.md.CKpUuq0m.js
similarity index 99%
rename from assets/zh_documentation_getting-started_launch.md.Bplj30qB.js
rename to assets/zh_documentation_getting-started_launch.md.CKpUuq0m.js
index 691c94f7b..776038f59 100644
--- a/assets/zh_documentation_getting-started_launch.md.Bplj30qB.js
+++ b/assets/zh_documentation_getting-started_launch.md.CKpUuq0m.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as l}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"启动应用","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/launch.md","filePath":"zh/documentation/getting-started/launch.md"}'),t={name:"zh/documentation/getting-started/launch.md"};function h(p,s,e,k,d,o){return l(),a("div",null,s[0]||(s[0]=[n(`<h1 id="启动应用" tabindex="-1">启动应用 <a class="header-anchor" href="#启动应用" aria-label="Permalink to &quot;启动应用&quot;">​</a></h1><h2 id="修改-app-axaml" tabindex="-1">修改 App.axaml <a class="header-anchor" href="#修改-app-axaml" aria-label="Permalink to &quot;修改 App.axaml&quot;">​</a></h2><p>在 <code>App.axaml</code> 的 <code>Styles</code> 中添加 <code>SukiTheme</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
+import{_ as i,c as a,a2 as n,o as l}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"启动应用","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/launch.md","filePath":"zh/documentation/getting-started/launch.md"}'),t={name:"zh/documentation/getting-started/launch.md"};function h(p,s,e,k,d,o){return l(),a("div",null,s[0]||(s[0]=[n(`<h1 id="启动应用" tabindex="-1">启动应用 <a class="header-anchor" href="#启动应用" aria-label="Permalink to &quot;启动应用&quot;">​</a></h1><h2 id="修改-app-axaml" tabindex="-1">修改 App.axaml <a class="header-anchor" href="#修改-app-axaml" aria-label="Permalink to &quot;修改 App.axaml&quot;">​</a></h2><p>在 <code>App.axaml</code> 的 <code>Styles</code> 中添加 <code>SukiTheme</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    ...</span></span>
 <span class="line highlighted"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    xmlns:sukiUi</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;clr-namespace:SukiUI;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &gt;</span></span>
diff --git a/assets/zh_documentation_getting-started_launch.md.Bplj30qB.lean.js b/assets/zh_documentation_getting-started_launch.md.CKpUuq0m.lean.js
similarity index 99%
rename from assets/zh_documentation_getting-started_launch.md.Bplj30qB.lean.js
rename to assets/zh_documentation_getting-started_launch.md.CKpUuq0m.lean.js
index 691c94f7b..776038f59 100644
--- a/assets/zh_documentation_getting-started_launch.md.Bplj30qB.lean.js
+++ b/assets/zh_documentation_getting-started_launch.md.CKpUuq0m.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as l}from"./chunks/framework.Ckp7d4B5.js";const E=JSON.parse('{"title":"启动应用","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/launch.md","filePath":"zh/documentation/getting-started/launch.md"}'),t={name:"zh/documentation/getting-started/launch.md"};function h(p,s,e,k,d,o){return l(),a("div",null,s[0]||(s[0]=[n(`<h1 id="启动应用" tabindex="-1">启动应用 <a class="header-anchor" href="#启动应用" aria-label="Permalink to &quot;启动应用&quot;">​</a></h1><h2 id="修改-app-axaml" tabindex="-1">修改 App.axaml <a class="header-anchor" href="#修改-app-axaml" aria-label="Permalink to &quot;修改 App.axaml&quot;">​</a></h2><p>在 <code>App.axaml</code> 的 <code>Styles</code> 中添加 <code>SukiTheme</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
+import{_ as i,c as a,a2 as n,o as l}from"./chunks/framework.CoCfjAIq.js";const E=JSON.parse('{"title":"启动应用","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/getting-started/launch.md","filePath":"zh/documentation/getting-started/launch.md"}'),t={name:"zh/documentation/getting-started/launch.md"};function h(p,s,e,k,d,o){return l(),a("div",null,s[0]||(s[0]=[n(`<h1 id="启动应用" tabindex="-1">启动应用 <a class="header-anchor" href="#启动应用" aria-label="Permalink to &quot;启动应用&quot;">​</a></h1><h2 id="修改-app-axaml" tabindex="-1">修改 App.axaml <a class="header-anchor" href="#修改-app-axaml" aria-label="Permalink to &quot;修改 App.axaml&quot;">​</a></h2><p>在 <code>App.axaml</code> 的 <code>Styles</code> 中添加 <code>SukiTheme</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    ...</span></span>
 <span class="line highlighted"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    xmlns:sukiUi</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;clr-namespace:SukiUI;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &gt;</span></span>
diff --git a/assets/zh_documentation_hosts_dialog.md.BvaaQDzd.js b/assets/zh_documentation_hosts_dialog.md.Db3RG0h5.js
similarity index 99%
rename from assets/zh_documentation_hosts_dialog.md.BvaaQDzd.js
rename to assets/zh_documentation_hosts_dialog.md.Db3RG0h5.js
index 820a9ed50..68bb8feb9 100644
--- a/assets/zh_documentation_hosts_dialog.md.BvaaQDzd.js
+++ b/assets/zh_documentation_hosts_dialog.md.Db3RG0h5.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Dialogs","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/dialog.md","filePath":"zh/documentation/hosts/dialog.md"}'),h={name:"zh/documentation/hosts/dialog.md"};function l(p,s,k,e,d,E){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出对话框的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该对话框对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiDialogManager</code> 来获得给定的 <code>SukiDialogHost</code> 实例，从而显示对话框。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
+import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Dialogs","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/dialog.md","filePath":"zh/documentation/hosts/dialog.md"}'),h={name:"zh/documentation/hosts/dialog.md"};function l(p,s,k,e,d,E){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出对话框的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该对话框对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiDialogManager</code> 来获得给定的 <code>SukiDialogHost</code> 实例，从而显示对话框。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiDialogHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding DialogManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
diff --git a/assets/zh_documentation_hosts_dialog.md.BvaaQDzd.lean.js b/assets/zh_documentation_hosts_dialog.md.Db3RG0h5.lean.js
similarity index 99%
rename from assets/zh_documentation_hosts_dialog.md.BvaaQDzd.lean.js
rename to assets/zh_documentation_hosts_dialog.md.Db3RG0h5.lean.js
index 820a9ed50..68bb8feb9 100644
--- a/assets/zh_documentation_hosts_dialog.md.BvaaQDzd.lean.js
+++ b/assets/zh_documentation_hosts_dialog.md.Db3RG0h5.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Dialogs","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/dialog.md","filePath":"zh/documentation/hosts/dialog.md"}'),h={name:"zh/documentation/hosts/dialog.md"};function l(p,s,k,e,d,E){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出对话框的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该对话框对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiDialogManager</code> 来获得给定的 <code>SukiDialogHost</code> 实例，从而显示对话框。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
+import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Dialogs","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/dialog.md","filePath":"zh/documentation/hosts/dialog.md"}'),h={name:"zh/documentation/hosts/dialog.md"};function l(p,s,k,e,d,E){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出对话框的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该对话框对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiDialogManager</code> 来获得给定的 <code>SukiDialogHost</code> 实例，从而显示对话框。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiDialogHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding DialogManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
diff --git a/assets/zh_documentation_hosts_hosts.md.B_twH9Nk.js b/assets/zh_documentation_hosts_hosts.md.23QA2QDu.js
similarity index 95%
rename from assets/zh_documentation_hosts_hosts.md.B_twH9Nk.js
rename to assets/zh_documentation_hosts_hosts.md.23QA2QDu.js
index ce12ce4f1..52e05c8e6 100644
--- a/assets/zh_documentation_hosts_hosts.md.B_twH9Nk.js
+++ b/assets/zh_documentation_hosts_hosts.md.23QA2QDu.js
@@ -1,4 +1,4 @@
-import{_ as i,c as t,a2 as a,o as n}from"./chunks/framework.Ckp7d4B5.js";const r=JSON.parse('{"title":"Hosts","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/hosts.md","filePath":"zh/documentation/hosts/hosts.md"}'),e={name:"zh/documentation/hosts/hosts.md"};function o(l,s,h,p,k,d){return n(),t("div",null,s[0]||(s[0]=[a(`<h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI 在 <code>SukiWindow</code> 内提供了 <code>Hosts</code> 属性，可以在该属性内添加任意控件，而这些控件将会显示在其他所有子控件的上层（包括标题栏）</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
+import{_ as i,c as t,a2 as a,o as n}from"./chunks/framework.CoCfjAIq.js";const r=JSON.parse('{"title":"Hosts","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/hosts.md","filePath":"zh/documentation/hosts/hosts.md"}'),e={name:"zh/documentation/hosts/hosts.md"};function o(l,s,h,p,k,d){return n(),t("div",null,s[0]||(s[0]=[a(`<h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI 在 <code>SukiWindow</code> 内提供了 <code>Hosts</code> 属性，可以在该属性内添加任意控件，而这些控件将会显示在其他所有子控件的上层（包括标题栏）</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">		&lt;!-- 你的控件 --&gt;</span></span>
diff --git a/assets/zh_documentation_hosts_hosts.md.B_twH9Nk.lean.js b/assets/zh_documentation_hosts_hosts.md.23QA2QDu.lean.js
similarity index 95%
rename from assets/zh_documentation_hosts_hosts.md.B_twH9Nk.lean.js
rename to assets/zh_documentation_hosts_hosts.md.23QA2QDu.lean.js
index ce12ce4f1..52e05c8e6 100644
--- a/assets/zh_documentation_hosts_hosts.md.B_twH9Nk.lean.js
+++ b/assets/zh_documentation_hosts_hosts.md.23QA2QDu.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as t,a2 as a,o as n}from"./chunks/framework.Ckp7d4B5.js";const r=JSON.parse('{"title":"Hosts","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/hosts.md","filePath":"zh/documentation/hosts/hosts.md"}'),e={name:"zh/documentation/hosts/hosts.md"};function o(l,s,h,p,k,d){return n(),t("div",null,s[0]||(s[0]=[a(`<h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI 在 <code>SukiWindow</code> 内提供了 <code>Hosts</code> 属性，可以在该属性内添加任意控件，而这些控件将会显示在其他所有子控件的上层（包括标题栏）</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
+import{_ as i,c as t,a2 as a,o as n}from"./chunks/framework.CoCfjAIq.js";const r=JSON.parse('{"title":"Hosts","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/hosts.md","filePath":"zh/documentation/hosts/hosts.md"}'),e={name:"zh/documentation/hosts/hosts.md"};function o(l,s,h,p,k,d){return n(),t("div",null,s[0]||(s[0]=[a(`<h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI 在 <code>SukiWindow</code> 内提供了 <code>Hosts</code> 属性，可以在该属性内添加任意控件，而这些控件将会显示在其他所有子控件的上层（包括标题栏）</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">		&lt;!-- 你的控件 --&gt;</span></span>
diff --git a/assets/zh_documentation_hosts_toast.md.9A-ZAH7Y.js b/assets/zh_documentation_hosts_toast.md.DZJQWLJa.js
similarity index 99%
rename from assets/zh_documentation_hosts_toast.md.9A-ZAH7Y.js
rename to assets/zh_documentation_hosts_toast.md.DZJQWLJa.js
index 276313cc5..9889fe3a2 100644
--- a/assets/zh_documentation_hosts_toast.md.9A-ZAH7Y.js
+++ b/assets/zh_documentation_hosts_toast.md.DZJQWLJa.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Toasts","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/toast.md","filePath":"zh/documentation/hosts/toast.md"}'),h={name:"zh/documentation/hosts/toast.md"};function l(k,s,p,e,E,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出消息提醒的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该消息提醒控件对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiToastManager</code> 来获得给定的 <code>SukiToastHost</code> 实例，从而显示提示消息。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
+import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Toasts","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/toast.md","filePath":"zh/documentation/hosts/toast.md"}'),h={name:"zh/documentation/hosts/toast.md"};function l(k,s,p,e,E,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出消息提醒的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该消息提醒控件对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiToastManager</code> 来获得给定的 <code>SukiToastHost</code> 实例，从而显示提示消息。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiToastHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ToastManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
diff --git a/assets/zh_documentation_hosts_toast.md.9A-ZAH7Y.lean.js b/assets/zh_documentation_hosts_toast.md.DZJQWLJa.lean.js
similarity index 99%
rename from assets/zh_documentation_hosts_toast.md.9A-ZAH7Y.lean.js
rename to assets/zh_documentation_hosts_toast.md.DZJQWLJa.lean.js
index 276313cc5..9889fe3a2 100644
--- a/assets/zh_documentation_hosts_toast.md.9A-ZAH7Y.lean.js
+++ b/assets/zh_documentation_hosts_toast.md.DZJQWLJa.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.Ckp7d4B5.js";const g=JSON.parse('{"title":"Toasts","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/toast.md","filePath":"zh/documentation/hosts/toast.md"}'),h={name:"zh/documentation/hosts/toast.md"};function l(k,s,p,e,E,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出消息提醒的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该消息提醒控件对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiToastManager</code> 来获得给定的 <code>SukiToastHost</code> 实例，从而显示提示消息。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
+import{_ as i,c as a,a2 as n,o as t}from"./chunks/framework.CoCfjAIq.js";const g=JSON.parse('{"title":"Toasts","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/hosts/toast.md","filePath":"zh/documentation/hosts/toast.md"}'),h={name:"zh/documentation/hosts/toast.md"};function l(k,s,p,e,E,d){return t(),a("div",null,s[0]||(s[0]=[n(`<h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出消息提醒的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该消息提醒控件对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiToastManager</code> 来获得给定的 <code>SukiToastHost</code> 实例，从而显示提示消息。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiToastHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ToastManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
diff --git a/assets/zh_documentation_index.md.X7gn4Jql.js b/assets/zh_documentation_index.md.BJnTSKI9.js
similarity index 84%
rename from assets/zh_documentation_index.md.X7gn4Jql.js
rename to assets/zh_documentation_index.md.BJnTSKI9.js
index 69bfa9fa1..6af0611c0 100644
--- a/assets/zh_documentation_index.md.X7gn4Jql.js
+++ b/assets/zh_documentation_index.md.BJnTSKI9.js
@@ -1 +1 @@
-import{_ as n,c as o,j as e,a,o as r}from"./chunks/framework.Ckp7d4B5.js";const h=JSON.parse('{"title":"文档","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/index.md","filePath":"zh/documentation/index.md"}'),i={name:"zh/documentation/index.md"};function s(d,t,c,l,p,u){return r(),o("div",null,t[0]||(t[0]=[e("h1",{id:"文档",tabindex:"-1"},[a("文档 "),e("a",{class:"header-anchor",href:"#文档","aria-label":'Permalink to "文档"'},"​")],-1),e("p",null,"欢迎访问 SukiUI 的文档站，你可以在侧边栏跳转到相关网页。",-1),e("p",null,[a("欢迎反馈有关该文档的"),e("a",{href:"https://github.com/kikipoulet/SukiUI/issues/new/choose",target:"_blank",rel:"noreferrer"},"问题")],-1)]))}const f=n(i,[["render",s]]);export{h as __pageData,f as default};
+import{_ as n,c as o,j as e,a,o as r}from"./chunks/framework.CoCfjAIq.js";const h=JSON.parse('{"title":"文档","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/index.md","filePath":"zh/documentation/index.md"}'),i={name:"zh/documentation/index.md"};function s(d,t,c,l,p,u){return r(),o("div",null,t[0]||(t[0]=[e("h1",{id:"文档",tabindex:"-1"},[a("文档 "),e("a",{class:"header-anchor",href:"#文档","aria-label":'Permalink to "文档"'},"​")],-1),e("p",null,"欢迎访问 SukiUI 的文档站，你可以在侧边栏跳转到相关网页。",-1),e("p",null,[a("欢迎反馈有关该文档的"),e("a",{href:"https://github.com/kikipoulet/SukiUI/issues/new/choose",target:"_blank",rel:"noreferrer"},"问题")],-1)]))}const f=n(i,[["render",s]]);export{h as __pageData,f as default};
diff --git a/assets/zh_documentation_index.md.X7gn4Jql.lean.js b/assets/zh_documentation_index.md.BJnTSKI9.lean.js
similarity index 84%
rename from assets/zh_documentation_index.md.X7gn4Jql.lean.js
rename to assets/zh_documentation_index.md.BJnTSKI9.lean.js
index 69bfa9fa1..6af0611c0 100644
--- a/assets/zh_documentation_index.md.X7gn4Jql.lean.js
+++ b/assets/zh_documentation_index.md.BJnTSKI9.lean.js
@@ -1 +1 @@
-import{_ as n,c as o,j as e,a,o as r}from"./chunks/framework.Ckp7d4B5.js";const h=JSON.parse('{"title":"文档","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/index.md","filePath":"zh/documentation/index.md"}'),i={name:"zh/documentation/index.md"};function s(d,t,c,l,p,u){return r(),o("div",null,t[0]||(t[0]=[e("h1",{id:"文档",tabindex:"-1"},[a("文档 "),e("a",{class:"header-anchor",href:"#文档","aria-label":'Permalink to "文档"'},"​")],-1),e("p",null,"欢迎访问 SukiUI 的文档站，你可以在侧边栏跳转到相关网页。",-1),e("p",null,[a("欢迎反馈有关该文档的"),e("a",{href:"https://github.com/kikipoulet/SukiUI/issues/new/choose",target:"_blank",rel:"noreferrer"},"问题")],-1)]))}const f=n(i,[["render",s]]);export{h as __pageData,f as default};
+import{_ as n,c as o,j as e,a,o as r}from"./chunks/framework.CoCfjAIq.js";const h=JSON.parse('{"title":"文档","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/index.md","filePath":"zh/documentation/index.md"}'),i={name:"zh/documentation/index.md"};function s(d,t,c,l,p,u){return r(),o("div",null,t[0]||(t[0]=[e("h1",{id:"文档",tabindex:"-1"},[a("文档 "),e("a",{class:"header-anchor",href:"#文档","aria-label":'Permalink to "文档"'},"​")],-1),e("p",null,"欢迎访问 SukiUI 的文档站，你可以在侧边栏跳转到相关网页。",-1),e("p",null,[a("欢迎反馈有关该文档的"),e("a",{href:"https://github.com/kikipoulet/SukiUI/issues/new/choose",target:"_blank",rel:"noreferrer"},"问题")],-1)]))}const f=n(i,[["render",s]]);export{h as __pageData,f as default};
diff --git a/assets/zh_documentation_style_color.md.BlQ1PoDO.js b/assets/zh_documentation_style_color.md.qe0m7krY.js
similarity index 83%
rename from assets/zh_documentation_style_color.md.BlQ1PoDO.js
rename to assets/zh_documentation_style_color.md.qe0m7krY.js
index 63edfec1a..c22bb5698 100644
--- a/assets/zh_documentation_style_color.md.BlQ1PoDO.js
+++ b/assets/zh_documentation_style_color.md.qe0m7krY.js
@@ -1 +1 @@
-import{_ as t,c as e,o}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/color.md","filePath":"zh/documentation/style/color.md"}'),a={name:"zh/documentation/style/color.md"};function c(r,n,s,l,d,i){return o(),e("div")}const _=t(a,[["render",c]]);export{p as __pageData,_ as default};
+import{_ as t,c as e,o}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/color.md","filePath":"zh/documentation/style/color.md"}'),a={name:"zh/documentation/style/color.md"};function c(r,n,s,l,d,i){return o(),e("div")}const _=t(a,[["render",c]]);export{p as __pageData,_ as default};
diff --git a/assets/zh_documentation_style_color.md.BlQ1PoDO.lean.js b/assets/zh_documentation_style_color.md.qe0m7krY.lean.js
similarity index 83%
rename from assets/zh_documentation_style_color.md.BlQ1PoDO.lean.js
rename to assets/zh_documentation_style_color.md.qe0m7krY.lean.js
index 63edfec1a..c22bb5698 100644
--- a/assets/zh_documentation_style_color.md.BlQ1PoDO.lean.js
+++ b/assets/zh_documentation_style_color.md.qe0m7krY.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,o}from"./chunks/framework.Ckp7d4B5.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/color.md","filePath":"zh/documentation/style/color.md"}'),a={name:"zh/documentation/style/color.md"};function c(r,n,s,l,d,i){return o(),e("div")}const _=t(a,[["render",c]]);export{p as __pageData,_ as default};
+import{_ as t,c as e,o}from"./chunks/framework.CoCfjAIq.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/color.md","filePath":"zh/documentation/style/color.md"}'),a={name:"zh/documentation/style/color.md"};function c(r,n,s,l,d,i){return o(),e("div")}const _=t(a,[["render",c]]);export{p as __pageData,_ as default};
diff --git a/assets/zh_documentation_style_icon.md.CX_VxqOL.js b/assets/zh_documentation_style_icon.md.DuABnqCZ.js
similarity index 83%
rename from assets/zh_documentation_style_icon.md.CX_VxqOL.js
rename to assets/zh_documentation_style_icon.md.DuABnqCZ.js
index 49df7ea40..4937f1e52 100644
--- a/assets/zh_documentation_style_icon.md.CX_VxqOL.js
+++ b/assets/zh_documentation_style_icon.md.DuABnqCZ.js
@@ -1 +1 @@
-import{_ as t,c as e,o}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/icon.md","filePath":"zh/documentation/style/icon.md"}'),n={name:"zh/documentation/style/icon.md"};function a(c,s,r,i,d,m){return o(),e("div")}const l=t(n,[["render",a]]);export{_ as __pageData,l as default};
+import{_ as t,c as e,o}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/icon.md","filePath":"zh/documentation/style/icon.md"}'),n={name:"zh/documentation/style/icon.md"};function a(c,s,r,i,d,m){return o(),e("div")}const l=t(n,[["render",a]]);export{_ as __pageData,l as default};
diff --git a/assets/zh_documentation_style_icon.md.CX_VxqOL.lean.js b/assets/zh_documentation_style_icon.md.DuABnqCZ.lean.js
similarity index 83%
rename from assets/zh_documentation_style_icon.md.CX_VxqOL.lean.js
rename to assets/zh_documentation_style_icon.md.DuABnqCZ.lean.js
index 49df7ea40..4937f1e52 100644
--- a/assets/zh_documentation_style_icon.md.CX_VxqOL.lean.js
+++ b/assets/zh_documentation_style_icon.md.DuABnqCZ.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,o}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/icon.md","filePath":"zh/documentation/style/icon.md"}'),n={name:"zh/documentation/style/icon.md"};function a(c,s,r,i,d,m){return o(),e("div")}const l=t(n,[["render",a]]);export{_ as __pageData,l as default};
+import{_ as t,c as e,o}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/icon.md","filePath":"zh/documentation/style/icon.md"}'),n={name:"zh/documentation/style/icon.md"};function a(c,s,r,i,d,m){return o(),e("div")}const l=t(n,[["render",a]]);export{_ as __pageData,l as default};
diff --git a/assets/zh_documentation_style_text.md.-n37mV9Z.js b/assets/zh_documentation_style_text.md.DDQ6FfGq.js
similarity index 83%
rename from assets/zh_documentation_style_text.md.-n37mV9Z.js
rename to assets/zh_documentation_style_text.md.DDQ6FfGq.js
index 90331726a..77a83a3f0 100644
--- a/assets/zh_documentation_style_text.md.-n37mV9Z.js
+++ b/assets/zh_documentation_style_text.md.DDQ6FfGq.js
@@ -1 +1 @@
-import{_ as t,c as e,o as a}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/text.md","filePath":"zh/documentation/style/text.md"}'),o={name:"zh/documentation/style/text.md"};function n(s,c,r,d,i,m){return a(),e("div")}const l=t(o,[["render",n]]);export{_ as __pageData,l as default};
+import{_ as t,c as e,o as a}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/text.md","filePath":"zh/documentation/style/text.md"}'),o={name:"zh/documentation/style/text.md"};function n(s,c,r,d,i,m){return a(),e("div")}const l=t(o,[["render",n]]);export{_ as __pageData,l as default};
diff --git a/assets/zh_documentation_style_text.md.-n37mV9Z.lean.js b/assets/zh_documentation_style_text.md.DDQ6FfGq.lean.js
similarity index 83%
rename from assets/zh_documentation_style_text.md.-n37mV9Z.lean.js
rename to assets/zh_documentation_style_text.md.DDQ6FfGq.lean.js
index 90331726a..77a83a3f0 100644
--- a/assets/zh_documentation_style_text.md.-n37mV9Z.lean.js
+++ b/assets/zh_documentation_style_text.md.DDQ6FfGq.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,o as a}from"./chunks/framework.Ckp7d4B5.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/text.md","filePath":"zh/documentation/style/text.md"}'),o={name:"zh/documentation/style/text.md"};function n(s,c,r,d,i,m){return a(),e("div")}const l=t(o,[["render",n]]);export{_ as __pageData,l as default};
+import{_ as t,c as e,o as a}from"./chunks/framework.CoCfjAIq.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/style/text.md","filePath":"zh/documentation/style/text.md"}'),o={name:"zh/documentation/style/text.md"};function n(s,c,r,d,i,m){return a(),e("div")}const l=t(o,[["render",n]]);export{_ as __pageData,l as default};
diff --git a/assets/zh_documentation_theming_basic.md.Byn8asVg.js b/assets/zh_documentation_theming_basic.md.CCSnN4Zk.js
similarity index 90%
rename from assets/zh_documentation_theming_basic.md.Byn8asVg.js
rename to assets/zh_documentation_theming_basic.md.CCSnN4Zk.js
index 8f8d2208d..3f12b1532 100644
--- a/assets/zh_documentation_theming_basic.md.Byn8asVg.js
+++ b/assets/zh_documentation_theming_basic.md.CCSnN4Zk.js
@@ -1 +1 @@
-import{_ as s,c as e,a2 as i,o as t}from"./chunks/framework.Ckp7d4B5.js";const k=JSON.parse('{"title":"主题实例","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/basic.md","filePath":"zh/documentation/theming/basic.md"}'),n={name:"zh/documentation/theming/basic.md"};function h(p,a,o,c,l,r){return t(),e("div",null,a[0]||(a[0]=[i('<h1 id="主题实例" tabindex="-1">主题实例 <a class="header-anchor" href="#主题实例" aria-label="Permalink to &quot;主题实例&quot;">​</a></h1><p>SukiUI 提供 <code>SukiTheme</code>，通过该类可以实现对应用主题的修改</p><p>获取实例:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div>',4)]))}const m=s(n,[["render",h]]);export{k as __pageData,m as default};
+import{_ as s,c as e,a2 as i,o as t}from"./chunks/framework.CoCfjAIq.js";const k=JSON.parse('{"title":"主题实例","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/basic.md","filePath":"zh/documentation/theming/basic.md"}'),n={name:"zh/documentation/theming/basic.md"};function h(p,a,o,c,l,r){return t(),e("div",null,a[0]||(a[0]=[i('<h1 id="主题实例" tabindex="-1">主题实例 <a class="header-anchor" href="#主题实例" aria-label="Permalink to &quot;主题实例&quot;">​</a></h1><p>SukiUI 提供 <code>SukiTheme</code>，通过该类可以实现对应用主题的修改</p><p>获取实例:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div>',4)]))}const m=s(n,[["render",h]]);export{k as __pageData,m as default};
diff --git a/assets/zh_documentation_theming_basic.md.Byn8asVg.lean.js b/assets/zh_documentation_theming_basic.md.CCSnN4Zk.lean.js
similarity index 90%
rename from assets/zh_documentation_theming_basic.md.Byn8asVg.lean.js
rename to assets/zh_documentation_theming_basic.md.CCSnN4Zk.lean.js
index 8f8d2208d..3f12b1532 100644
--- a/assets/zh_documentation_theming_basic.md.Byn8asVg.lean.js
+++ b/assets/zh_documentation_theming_basic.md.CCSnN4Zk.lean.js
@@ -1 +1 @@
-import{_ as s,c as e,a2 as i,o as t}from"./chunks/framework.Ckp7d4B5.js";const k=JSON.parse('{"title":"主题实例","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/basic.md","filePath":"zh/documentation/theming/basic.md"}'),n={name:"zh/documentation/theming/basic.md"};function h(p,a,o,c,l,r){return t(),e("div",null,a[0]||(a[0]=[i('<h1 id="主题实例" tabindex="-1">主题实例 <a class="header-anchor" href="#主题实例" aria-label="Permalink to &quot;主题实例&quot;">​</a></h1><p>SukiUI 提供 <code>SukiTheme</code>，通过该类可以实现对应用主题的修改</p><p>获取实例:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div>',4)]))}const m=s(n,[["render",h]]);export{k as __pageData,m as default};
+import{_ as s,c as e,a2 as i,o as t}from"./chunks/framework.CoCfjAIq.js";const k=JSON.parse('{"title":"主题实例","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/basic.md","filePath":"zh/documentation/theming/basic.md"}'),n={name:"zh/documentation/theming/basic.md"};function h(p,a,o,c,l,r){return t(),e("div",null,a[0]||(a[0]=[i('<h1 id="主题实例" tabindex="-1">主题实例 <a class="header-anchor" href="#主题实例" aria-label="Permalink to &quot;主题实例&quot;">​</a></h1><p>SukiUI 提供 <code>SukiTheme</code>，通过该类可以实现对应用主题的修改</p><p>获取实例:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div>',4)]))}const m=s(n,[["render",h]]);export{k as __pageData,m as default};
diff --git a/assets/zh_documentation_theming_theme-color.md.BAQblKC1.js b/assets/zh_documentation_theming_theme-color.md.DV-O-uC3.js
similarity index 97%
rename from assets/zh_documentation_theming_theme-color.md.BAQblKC1.js
rename to assets/zh_documentation_theming_theme-color.md.DV-O-uC3.js
index c826067cf..14cb499ef 100644
--- a/assets/zh_documentation_theming_theme-color.md.BAQblKC1.js
+++ b/assets/zh_documentation_theming_theme-color.md.DV-O-uC3.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as e,o as h}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"主题色","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/theme-color.md","filePath":"zh/documentation/theming/theme-color.md"}'),t={name:"zh/documentation/theming/theme-color.md"};function n(l,s,p,k,r,o){return h(),a("div",null,s[0]||(s[0]=[e(`<h1 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h1><p><code>SukiTheme</code> 也可以十分简单地切换应用的主题色</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="在可用的主题色间切换" tabindex="-1">在可用的主题色间切换 <a class="header-anchor" href="#在可用的主题色间切换" aria-label="Permalink to &quot;在可用的主题色间切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="切换到一个指定的主题色" tabindex="-1">切换到一个指定的主题色 <a class="header-anchor" href="#切换到一个指定的主题色" aria-label="Permalink to &quot;切换到一个指定的主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="创建-注册-切换到一个自定义主题色" tabindex="-1">创建/注册/切换到一个自定义主题色 <a class="header-anchor" href="#创建-注册-切换到一个自定义主题色" aria-label="Permalink to &quot;创建/注册/切换到一个自定义主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
+import{_ as i,c as a,a2 as e,o as h}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"主题色","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/theme-color.md","filePath":"zh/documentation/theming/theme-color.md"}'),t={name:"zh/documentation/theming/theme-color.md"};function n(l,s,p,k,r,o){return h(),a("div",null,s[0]||(s[0]=[e(`<h1 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h1><p><code>SukiTheme</code> 也可以十分简单地切换应用的主题色</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="在可用的主题色间切换" tabindex="-1">在可用的主题色间切换 <a class="header-anchor" href="#在可用的主题色间切换" aria-label="Permalink to &quot;在可用的主题色间切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="切换到一个指定的主题色" tabindex="-1">切换到一个指定的主题色 <a class="header-anchor" href="#切换到一个指定的主题色" aria-label="Permalink to &quot;切换到一个指定的主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="创建-注册-切换到一个自定义主题色" tabindex="-1">创建/注册/切换到一个自定义主题色 <a class="header-anchor" href="#创建-注册-切换到一个自定义主题色" aria-label="Permalink to &quot;创建/注册/切换到一个自定义主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AddColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span></code></pre></div><h2 id="订阅-colorchanged-事件" tabindex="-1">订阅 ColorChanged 事件 <a class="header-anchor" href="#订阅-colorchanged-事件" aria-label="Permalink to &quot;订阅 ColorChanged 事件&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnColorThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
diff --git a/assets/zh_documentation_theming_theme-color.md.BAQblKC1.lean.js b/assets/zh_documentation_theming_theme-color.md.DV-O-uC3.lean.js
similarity index 97%
rename from assets/zh_documentation_theming_theme-color.md.BAQblKC1.lean.js
rename to assets/zh_documentation_theming_theme-color.md.DV-O-uC3.lean.js
index c826067cf..14cb499ef 100644
--- a/assets/zh_documentation_theming_theme-color.md.BAQblKC1.lean.js
+++ b/assets/zh_documentation_theming_theme-color.md.DV-O-uC3.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as e,o as h}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"主题色","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/theme-color.md","filePath":"zh/documentation/theming/theme-color.md"}'),t={name:"zh/documentation/theming/theme-color.md"};function n(l,s,p,k,r,o){return h(),a("div",null,s[0]||(s[0]=[e(`<h1 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h1><p><code>SukiTheme</code> 也可以十分简单地切换应用的主题色</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="在可用的主题色间切换" tabindex="-1">在可用的主题色间切换 <a class="header-anchor" href="#在可用的主题色间切换" aria-label="Permalink to &quot;在可用的主题色间切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="切换到一个指定的主题色" tabindex="-1">切换到一个指定的主题色 <a class="header-anchor" href="#切换到一个指定的主题色" aria-label="Permalink to &quot;切换到一个指定的主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="创建-注册-切换到一个自定义主题色" tabindex="-1">创建/注册/切换到一个自定义主题色 <a class="header-anchor" href="#创建-注册-切换到一个自定义主题色" aria-label="Permalink to &quot;创建/注册/切换到一个自定义主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
+import{_ as i,c as a,a2 as e,o as h}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"主题色","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/theme-color.md","filePath":"zh/documentation/theming/theme-color.md"}'),t={name:"zh/documentation/theming/theme-color.md"};function n(l,s,p,k,r,o){return h(),a("div",null,s[0]||(s[0]=[e(`<h1 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h1><p><code>SukiTheme</code> 也可以十分简单地切换应用的主题色</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="在可用的主题色间切换" tabindex="-1">在可用的主题色间切换 <a class="header-anchor" href="#在可用的主题色间切换" aria-label="Permalink to &quot;在可用的主题色间切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="切换到一个指定的主题色" tabindex="-1">切换到一个指定的主题色 <a class="header-anchor" href="#切换到一个指定的主题色" aria-label="Permalink to &quot;切换到一个指定的主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="创建-注册-切换到一个自定义主题色" tabindex="-1">创建/注册/切换到一个自定义主题色 <a class="header-anchor" href="#创建-注册-切换到一个自定义主题色" aria-label="Permalink to &quot;创建/注册/切换到一个自定义主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AddColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span></code></pre></div><h2 id="订阅-colorchanged-事件" tabindex="-1">订阅 ColorChanged 事件 <a class="header-anchor" href="#订阅-colorchanged-事件" aria-label="Permalink to &quot;订阅 ColorChanged 事件&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnColorThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
diff --git a/assets/zh_documentation_theming_theme.md.C4R49kVJ.js b/assets/zh_documentation_theming_theme.md.CokiFiib.js
similarity index 97%
rename from assets/zh_documentation_theming_theme.md.C4R49kVJ.js
rename to assets/zh_documentation_theming_theme.md.CokiFiib.js
index b2de9ecf8..fa683c8ae 100644
--- a/assets/zh_documentation_theming_theme.md.C4R49kVJ.js
+++ b/assets/zh_documentation_theming_theme.md.CokiFiib.js
@@ -1,4 +1,4 @@
-import{_ as s,c as e,a2 as i,o as t}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"明暗主题切换","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/theme.md","filePath":"zh/documentation/theming/theme.md"}'),h={name:"zh/documentation/theming/theme.md"};function n(l,a,p,r,d,k){return t(),e("div",null,a[0]||(a[0]=[i(`<h1 id="明暗主题切换" tabindex="-1">明暗主题切换 <a class="header-anchor" href="#明暗主题切换" aria-label="Permalink to &quot;明暗主题切换&quot;">​</a></h1><p>SukiUI 借助由 <code>AvaloniaUI</code> 提供的 <a href="https://docs.avaloniaui.net/zh-Hans/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">主题变体</a> 轻松实现主题切换</p><h2 id="主题" tabindex="-1">主题 <a class="header-anchor" href="#主题" aria-label="Permalink to &quot;主题&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="切换至暗色" tabindex="-1">切换至暗色 <a class="header-anchor" href="#切换至暗色" aria-label="Permalink to &quot;切换至暗色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="切换至亮色" tabindex="-1">切换至亮色 <a class="header-anchor" href="#切换至亮色" aria-label="Permalink to &quot;切换至亮色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="明暗切换" tabindex="-1">明暗切换 <a class="header-anchor" href="#明暗切换" aria-label="Permalink to &quot;明暗切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-事件" tabindex="-1">ThemeChanged 事件 <a class="header-anchor" href="#themechanged-事件" aria-label="Permalink to &quot;ThemeChanged 事件&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
+import{_ as s,c as e,a2 as i,o as t}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"明暗主题切换","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/theme.md","filePath":"zh/documentation/theming/theme.md"}'),h={name:"zh/documentation/theming/theme.md"};function n(l,a,p,r,d,k){return t(),e("div",null,a[0]||(a[0]=[i(`<h1 id="明暗主题切换" tabindex="-1">明暗主题切换 <a class="header-anchor" href="#明暗主题切换" aria-label="Permalink to &quot;明暗主题切换&quot;">​</a></h1><p>SukiUI 借助由 <code>AvaloniaUI</code> 提供的 <a href="https://docs.avaloniaui.net/zh-Hans/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">主题变体</a> 轻松实现主题切换</p><h2 id="主题" tabindex="-1">主题 <a class="header-anchor" href="#主题" aria-label="Permalink to &quot;主题&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="切换至暗色" tabindex="-1">切换至暗色 <a class="header-anchor" href="#切换至暗色" aria-label="Permalink to &quot;切换至暗色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="切换至亮色" tabindex="-1">切换至亮色 <a class="header-anchor" href="#切换至亮色" aria-label="Permalink to &quot;切换至亮色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="明暗切换" tabindex="-1">明暗切换 <a class="header-anchor" href="#明暗切换" aria-label="Permalink to &quot;明暗切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-事件" tabindex="-1">ThemeChanged 事件 <a class="header-anchor" href="#themechanged-事件" aria-label="Permalink to &quot;ThemeChanged 事件&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    Console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WriteLine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Theme changed triggered !&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div>`,15)]))}const g=s(h,[["render",n]]);export{c as __pageData,g as default};
diff --git a/assets/zh_documentation_theming_theme.md.C4R49kVJ.lean.js b/assets/zh_documentation_theming_theme.md.CokiFiib.lean.js
similarity index 97%
rename from assets/zh_documentation_theming_theme.md.C4R49kVJ.lean.js
rename to assets/zh_documentation_theming_theme.md.CokiFiib.lean.js
index b2de9ecf8..fa683c8ae 100644
--- a/assets/zh_documentation_theming_theme.md.C4R49kVJ.lean.js
+++ b/assets/zh_documentation_theming_theme.md.CokiFiib.lean.js
@@ -1,4 +1,4 @@
-import{_ as s,c as e,a2 as i,o as t}from"./chunks/framework.Ckp7d4B5.js";const c=JSON.parse('{"title":"明暗主题切换","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/theme.md","filePath":"zh/documentation/theming/theme.md"}'),h={name:"zh/documentation/theming/theme.md"};function n(l,a,p,r,d,k){return t(),e("div",null,a[0]||(a[0]=[i(`<h1 id="明暗主题切换" tabindex="-1">明暗主题切换 <a class="header-anchor" href="#明暗主题切换" aria-label="Permalink to &quot;明暗主题切换&quot;">​</a></h1><p>SukiUI 借助由 <code>AvaloniaUI</code> 提供的 <a href="https://docs.avaloniaui.net/zh-Hans/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">主题变体</a> 轻松实现主题切换</p><h2 id="主题" tabindex="-1">主题 <a class="header-anchor" href="#主题" aria-label="Permalink to &quot;主题&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="切换至暗色" tabindex="-1">切换至暗色 <a class="header-anchor" href="#切换至暗色" aria-label="Permalink to &quot;切换至暗色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="切换至亮色" tabindex="-1">切换至亮色 <a class="header-anchor" href="#切换至亮色" aria-label="Permalink to &quot;切换至亮色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="明暗切换" tabindex="-1">明暗切换 <a class="header-anchor" href="#明暗切换" aria-label="Permalink to &quot;明暗切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-事件" tabindex="-1">ThemeChanged 事件 <a class="header-anchor" href="#themechanged-事件" aria-label="Permalink to &quot;ThemeChanged 事件&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
+import{_ as s,c as e,a2 as i,o as t}from"./chunks/framework.CoCfjAIq.js";const c=JSON.parse('{"title":"明暗主题切换","description":"","frontmatter":{},"headers":[],"relativePath":"zh/documentation/theming/theme.md","filePath":"zh/documentation/theming/theme.md"}'),h={name:"zh/documentation/theming/theme.md"};function n(l,a,p,r,d,k){return t(),e("div",null,a[0]||(a[0]=[i(`<h1 id="明暗主题切换" tabindex="-1">明暗主题切换 <a class="header-anchor" href="#明暗主题切换" aria-label="Permalink to &quot;明暗主题切换&quot;">​</a></h1><p>SukiUI 借助由 <code>AvaloniaUI</code> 提供的 <a href="https://docs.avaloniaui.net/zh-Hans/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">主题变体</a> 轻松实现主题切换</p><h2 id="主题" tabindex="-1">主题 <a class="header-anchor" href="#主题" aria-label="Permalink to &quot;主题&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="切换至暗色" tabindex="-1">切换至暗色 <a class="header-anchor" href="#切换至暗色" aria-label="Permalink to &quot;切换至暗色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="切换至亮色" tabindex="-1">切换至亮色 <a class="header-anchor" href="#切换至亮色" aria-label="Permalink to &quot;切换至亮色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="明暗切换" tabindex="-1">明暗切换 <a class="header-anchor" href="#明暗切换" aria-label="Permalink to &quot;明暗切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-事件" tabindex="-1">ThemeChanged 事件 <a class="header-anchor" href="#themechanged-事件" aria-label="Permalink to &quot;ThemeChanged 事件&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    Console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WriteLine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Theme changed triggered !&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div>`,15)]))}const g=s(h,[["render",n]]);export{c as __pageData,g as default};
diff --git a/assets/zh_index.md.B7aJgClu.js b/assets/zh_index.md.Bb8-jd6r.js
similarity index 93%
rename from assets/zh_index.md.B7aJgClu.js
rename to assets/zh_index.md.Bb8-jd6r.js
index 7fde444f7..e8f7655e6 100644
--- a/assets/zh_index.md.B7aJgClu.js
+++ b/assets/zh_index.md.Bb8-jd6r.js
@@ -1 +1 @@
-import{_ as t,c as e,o as a}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SukiUI","text":"一个 Avalonia 控件库","tagline":"扁平，简单，灵动","actions":[{"theme":"brand","text":"🚀 开始","link":"/zh/documentation/getting-started/introduction"},{"theme":"alt","text":"📄 文档","link":"/zh/documentation"}],"image":{"src":"../suki.webp","alt":"SukiUILogo"}},"features":[{"title":"🔧 灵活地自定义主题","details":"支持切换明/暗主题和各种主题色"},{"title":"🎞️ 丰富的动画","details":"为大量控件设计了动画，体验更丝滑"},{"title":"🖥️ 桌面端跨平台","details":"在 AvaloniaUI 框架的基础上，SukiUI 在 Windows，macOS，和 Linux 上都能使用"}]},"headers":[],"relativePath":"zh/index.md","filePath":"zh/index.md"}'),i={name:"zh/index.md"};function n(o,s,r,d,c,l){return a(),e("div")}const h=t(i,[["render",n]]);export{u as __pageData,h as default};
+import{_ as t,c as e,o as a}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SukiUI","text":"一个 Avalonia 控件库","tagline":"扁平，简单，灵动","actions":[{"theme":"brand","text":"🚀 开始","link":"/zh/documentation/getting-started/introduction"},{"theme":"alt","text":"📄 文档","link":"/zh/documentation"}],"image":{"src":"../suki.webp","alt":"SukiUILogo"}},"features":[{"title":"🔧 灵活地自定义主题","details":"支持切换明/暗主题和各种主题色"},{"title":"🎞️ 丰富的动画","details":"为大量控件设计了动画，体验更丝滑"},{"title":"🖥️ 桌面端跨平台","details":"在 AvaloniaUI 框架的基础上，SukiUI 在 Windows，macOS，和 Linux 上都能使用"}]},"headers":[],"relativePath":"zh/index.md","filePath":"zh/index.md"}'),i={name:"zh/index.md"};function n(o,s,r,d,c,l){return a(),e("div")}const h=t(i,[["render",n]]);export{u as __pageData,h as default};
diff --git a/assets/zh_index.md.B7aJgClu.lean.js b/assets/zh_index.md.Bb8-jd6r.lean.js
similarity index 93%
rename from assets/zh_index.md.B7aJgClu.lean.js
rename to assets/zh_index.md.Bb8-jd6r.lean.js
index 7fde444f7..e8f7655e6 100644
--- a/assets/zh_index.md.B7aJgClu.lean.js
+++ b/assets/zh_index.md.Bb8-jd6r.lean.js
@@ -1 +1 @@
-import{_ as t,c as e,o as a}from"./chunks/framework.Ckp7d4B5.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SukiUI","text":"一个 Avalonia 控件库","tagline":"扁平，简单，灵动","actions":[{"theme":"brand","text":"🚀 开始","link":"/zh/documentation/getting-started/introduction"},{"theme":"alt","text":"📄 文档","link":"/zh/documentation"}],"image":{"src":"../suki.webp","alt":"SukiUILogo"}},"features":[{"title":"🔧 灵活地自定义主题","details":"支持切换明/暗主题和各种主题色"},{"title":"🎞️ 丰富的动画","details":"为大量控件设计了动画，体验更丝滑"},{"title":"🖥️ 桌面端跨平台","details":"在 AvaloniaUI 框架的基础上，SukiUI 在 Windows，macOS，和 Linux 上都能使用"}]},"headers":[],"relativePath":"zh/index.md","filePath":"zh/index.md"}'),i={name:"zh/index.md"};function n(o,s,r,d,c,l){return a(),e("div")}const h=t(i,[["render",n]]);export{u as __pageData,h as default};
+import{_ as t,c as e,o as a}from"./chunks/framework.CoCfjAIq.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SukiUI","text":"一个 Avalonia 控件库","tagline":"扁平，简单，灵动","actions":[{"theme":"brand","text":"🚀 开始","link":"/zh/documentation/getting-started/introduction"},{"theme":"alt","text":"📄 文档","link":"/zh/documentation"}],"image":{"src":"../suki.webp","alt":"SukiUILogo"}},"features":[{"title":"🔧 灵活地自定义主题","details":"支持切换明/暗主题和各种主题色"},{"title":"🎞️ 丰富的动画","details":"为大量控件设计了动画，体验更丝滑"},{"title":"🖥️ 桌面端跨平台","details":"在 AvaloniaUI 框架的基础上，SukiUI 在 Windows，macOS，和 Linux 上都能使用"}]},"headers":[],"relativePath":"zh/index.md","filePath":"zh/index.md"}'),i={name:"zh/index.md"};function n(o,s,r,d,c,l){return a(),e("div")}const h=t(i,[["render",n]]);export{u as __pageData,h as default};
diff --git a/documentation/controls/data/busyarea.html b/documentation/controls/data/busyarea.html
index 9b9b5a818..19eae46dc 100644
--- a/documentation/controls/data/busyarea.html
+++ b/documentation/controls/data/busyarea.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>BusyArea | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_busyarea.md.DMJsYZEZ.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_busyarea.md.CGSRNTXx.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_busyarea" data-v-68f5ff40><div><h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_busyarea" data-v-faed6907><div><h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      ...</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>GroupBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/expander.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Expander</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>GroupBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/expander.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Expander</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/data/datagrid.html b/documentation/controls/data/datagrid.html
index de8cb71f3..3637bb95a 100644
--- a/documentation/controls/data/datagrid.html
+++ b/documentation/controls/data/datagrid.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_datagrid.md.CP6rCDfR.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_datagrid.md.DZ5jkVbn.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_datagrid" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ProgressBar</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/listbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ListBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_datagrid" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ProgressBar</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/listbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ListBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/data/expander.html b/documentation/controls/data/expander.html
index 1ade9a799..13a6ae403 100644
--- a/documentation/controls/data/expander.html
+++ b/documentation/controls/data/expander.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Expander | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/expander.BruAnsjt.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_expander.md.fMVQ3JuJ.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_expander.md.CMBHeNWz.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_expander" data-v-68f5ff40><div><h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> is a content area which can be collapsed and expanded. It has styles for all <code>ExpandDirections</code>, using custom animation behaviour and controls internally to correctly animate showing/hiding any size content.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/data/expander.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_expander" data-v-faed6907><div><h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> is a content area which can be collapsed and expanded. It has styles for all <code>ExpandDirections</code>, using custom animation behaviour and controls internally to correctly animate showing/hiding any size content.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/data/expander.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Some Down Content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
@@ -33,8 +33,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Left&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Left Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Some Left Content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ExpanderView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ExpanderView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>BusyArea</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>InfoBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ExpanderView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ExpanderView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>BusyArea</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>InfoBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/data/groupbox.html b/documentation/controls/data/groupbox.html
index 4eddfe523..279c66e18 100644
--- a/documentation/controls/data/groupbox.html
+++ b/documentation/controls/data/groupbox.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>GroupBox | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_groupbox.md.DII6xeuG.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_groupbox.md.CrtStsa9.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_groupbox" data-v-68f5ff40><div><h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_groupbox" data-v-faed6907><div><h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ...</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/treeview.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>TreeView</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>BusyArea</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/treeview.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>TreeView</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>BusyArea</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/data/listbox.html b/documentation/controls/data/listbox.html
index 00102e131..a4d4b7870 100644
--- a/documentation/controls/data/listbox.html
+++ b/documentation/controls/data/listbox.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Listbox | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_listbox.md.2zd9tYx2.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_listbox.md.DVJQcGSh.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_listbox" data-v-68f5ff40><div><h1 id="listbox" tabindex="-1">Listbox <a class="header-anchor" href="#listbox" aria-label="Permalink to &quot;Listbox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150" alt="listbox"></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>DataGrid</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/treeview.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>TreeView</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_listbox" data-v-faed6907><div><h1 id="listbox" tabindex="-1">Listbox <a class="header-anchor" href="#listbox" aria-label="Permalink to &quot;Listbox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150" alt="listbox"></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>DataGrid</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/treeview.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>TreeView</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/data/treeview.html b/documentation/controls/data/treeview.html
index c4bfbf5a7..876489026 100644
--- a/documentation/controls/data/treeview.html
+++ b/documentation/controls/data/treeview.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Treeview | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_treeview.md.DlDM9Q7c.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_data_treeview.md.B_eg_I2u.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_treeview" data-v-68f5ff40><div><h1 id="treeview" tabindex="-1">Treeview <a class="header-anchor" href="#treeview" aria-label="Permalink to &quot;Treeview&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2" alt="tree"></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/listbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ListBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>GroupBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_data_treeview" data-v-faed6907><div><h1 id="treeview" tabindex="-1">Treeview <a class="header-anchor" href="#treeview" aria-label="Permalink to &quot;Treeview&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2" alt="tree"></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/listbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ListBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>GroupBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/datetime/calendar.html b/documentation/controls/datetime/calendar.html
index 70c454e42..e4fd665d7 100644
--- a/documentation/controls/datetime/calendar.html
+++ b/documentation/controls/datetime/calendar.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Calendar | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/calendar.D7duGoVl.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_datetime_calendar.md.B3rzLY3G.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_datetime_calendar.md.DRMPx6wk.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_datetime_calendar" data-v-68f5ff40><div><h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>Controls for displaying date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/datetime/calendar.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>AutoCompleteBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>DatePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_datetime_calendar" data-v-faed6907><div><h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>Controls for displaying date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/datetime/calendar.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>AutoCompleteBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>DatePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/datetime/calendardatepicker.html b/documentation/controls/datetime/calendardatepicker.html
index dae3f2c41..42f011ed4 100644
--- a/documentation/controls/datetime/calendardatepicker.html
+++ b/documentation/controls/datetime/calendardatepicker.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>CalendarDatePicker | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/calendardatepicker.IQCiRDLh.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_datetime_calendardatepicker.md.C1mLiF4g.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_datetime_calendardatepicker.md.DvrkezHr.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_datetime_calendardatepicker" data-v-68f5ff40><div><h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/datetime/calendardatepicker.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>DatePicker</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>TimePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_datetime_calendardatepicker" data-v-faed6907><div><h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/datetime/calendardatepicker.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>DatePicker</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>TimePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/datetime/datepicker.html b/documentation/controls/datetime/datepicker.html
index c77b896ee..b06b0cd53 100644
--- a/documentation/controls/datetime/datepicker.html
+++ b/documentation/controls/datetime/datepicker.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>DatePicker | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/datepicker.Cm4boot_.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_datetime_datepicker.md.4tWb-V3a.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_datetime_datepicker.md.7lUO94lr.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_datetime_datepicker" data-v-68f5ff40><div><h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/datetime/datepicker.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Calendar</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>CalendarDatePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_datetime_datepicker" data-v-faed6907><div><h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>Controls for picking date data</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/datetime/datepicker.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Calendar</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>CalendarDatePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/datetime/timepicker.html b/documentation/controls/datetime/timepicker.html
index 4a9f11b35..5d6076b5b 100644
--- a/documentation/controls/datetime/timepicker.html
+++ b/documentation/controls/datetime/timepicker.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>TimePicker | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/timepicker.BA49GX53.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_datetime_timepicker.md.DYckWuEY.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_datetime_timepicker.md.n1dxOpS8.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_datetime_timepicker" data-v-68f5ff40><div><h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>Controls for picking a time of day</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/datetime/timepicker.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>CalendarDatePicker</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>WaveProgress</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_datetime_timepicker" data-v-faed6907><div><h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>Controls for picking a time of day</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/datetime/timepicker.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>CalendarDatePicker</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>WaveProgress</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/autocompletebox.html b/documentation/controls/inputs/autocompletebox.html
index 5d20321bd..746fdacc1 100644
--- a/documentation/controls/inputs/autocompletebox.html
+++ b/documentation/controls/inputs/autocompletebox.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>AutoCompleteBox | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/autocompletebox.ClT3kpWX.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_autocompletebox.md.Cq59lrEX.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_autocompletebox.md.fotwWd-N.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_autocompletebox" data-v-68f5ff40><div><h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>Autocomplete function of <code>TextBox</code>. It would be helpful when you need to enter advice or help text.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/autocompletebox.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_autocompletebox" data-v-faed6907><div><h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>Autocomplete function of <code>TextBox</code>. It would be helpful when you need to enter advice or help text.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/autocompletebox.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox.ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Suggested strings --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;system:String&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
@@ -33,8 +33,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">system:String</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;China&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">system:String</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox.ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ContextMenu</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Calendar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ContextMenu</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Calendar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/button.html b/documentation/controls/inputs/button.html
index cc996daa7..2215e77ae 100644
--- a/documentation/controls/inputs/button.html
+++ b/documentation/controls/inputs/button.html
@@ -5,28 +5,28 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Button | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/button-busy.DgCdjOX4.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_button.md.C6GwL-p4.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_button.md.MultdmkL.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_button" data-v-68f5ff40><div><h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI has a handful of button styles, available in both the standard primary color, but also in the theme&#39;s accent color.</p><h2 id="styles" tabindex="-1">Styles <a class="header-anchor" href="#styles" aria-label="Permalink to &quot;Styles&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-button" tabindex="-1">Busy/Loading Button <a class="header-anchor" href="#busy-loading-button" aria-label="Permalink to &quot;Busy/Loading Button&quot;">​</a></h2><img src="/SukiUI/controls/inputs/button-busy.gif" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_button" data-v-faed6907><div><h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI has a handful of button styles, available in both the standard primary color, but also in the theme&#39;s accent color.</p><h2 id="styles" tabindex="-1">Styles <a class="header-anchor" href="#styles" aria-label="Permalink to &quot;Styles&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-button" tabindex="-1">Busy/Loading Button <a class="header-anchor" href="#busy-loading-button" aria-label="Permalink to &quot;Busy/Loading Button&quot;">​</a></h2><img src="/SukiUI/controls/inputs/button-busy.gif" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">xmlns:theme=&quot;clr-namespace:SukiUI.Theme;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:ButtonExtensions.ShowProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="c" tabindex="-1">C# <a class="header-anchor" href="#c" aria-label="Permalink to &quot;C#&quot;">​</a></h3><div class="language-Csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">Csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">   MyButton.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ShowProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">   MyButton.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">HideProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/layout/dock.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Dock</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>DropDownButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">   MyButton.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">HideProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/layout/dock.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Dock</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>DropDownButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/checkbox.html b/documentation/controls/inputs/checkbox.html
index 74a51fe3b..46b36b360 100644
--- a/documentation/controls/inputs/checkbox.html
+++ b/documentation/controls/inputs/checkbox.html
@@ -5,24 +5,24 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>CheckBox | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/checkbox.B6FJyu2j.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_checkbox.md.D_DdvQNu.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_checkbox.md.BE8_hNKq.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_checkbox" data-v-68f5ff40><div><h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>A control used for collecting user&#39;s choices.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/checkbox.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_checkbox" data-v-faed6907><div><h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>A control used for collecting user&#39;s choices.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/checkbox.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Two&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsThreeState</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Three&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>TextBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>RadioButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsThreeState</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Three&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>TextBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>RadioButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/combobox.html b/documentation/controls/inputs/combobox.html
index 0f898214c..55ac32243 100644
--- a/documentation/controls/inputs/combobox.html
+++ b/documentation/controls/inputs/combobox.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Combobox | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/combobox.mwtSjJ7E.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_combobox.md.CIN88vgw.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_combobox.md.DWeJYIbw.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_combobox" data-v-68f5ff40><div><h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>A control for selecting from a dataset.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/combobox.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">          SelectedItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Slider</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>NumericUpDown</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_combobox" data-v-faed6907><div><h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>A control for selecting from a dataset.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/combobox.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">          SelectedItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Slider</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>NumericUpDown</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/contextmenu.html b/documentation/controls/inputs/contextmenu.html
index 70a28afba..3a2994478 100644
--- a/documentation/controls/inputs/contextmenu.html
+++ b/documentation/controls/inputs/contextmenu.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>ContextMenu | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/contextmenus.mhIenPP8.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_contextmenu.md.BMu1p23o.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_contextmenu.md.DoXnGxgf.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_contextmenu" data-v-68f5ff40><div><h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>Add a right-click triggered context menu for a control.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/contextmenus.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_contextmenu" data-v-faed6907><div><h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>Add a right-click triggered context menu for a control.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/contextmenus.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard.ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">MenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Command</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding OptionClickedCommand}&quot;</span></span>
@@ -53,8 +53,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">MenuItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard.ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ContextMenusView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ContextMenusView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>RadioButton</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>AutoCompleteBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ContextMenusView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ContextMenusView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>RadioButton</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>AutoCompleteBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/dropdownbutton.html b/documentation/controls/inputs/dropdownbutton.html
index fc63b1695..4d77b860a 100644
--- a/documentation/controls/inputs/dropdownbutton.html
+++ b/documentation/controls/inputs/dropdownbutton.html
@@ -5,28 +5,28 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>DropDownButton | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/dropdownbutton.B353NmAm.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_dropdownbutton.md.Cgj8Ep1k.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_dropdownbutton.md.Bo4TPXwT.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_dropdownbutton" data-v-68f5ff40><div><h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>When you click on the <code>DropDownButton</code>, the custom content will pop up.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/dropdownbutton.webp" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_dropdownbutton" data-v-faed6907><div><h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>When you click on the <code>DropDownButton</code>, the custom content will pop up.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/dropdownbutton.webp" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton.Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">            &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton.Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/button.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Button</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ToggleSwitch</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/button.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Button</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ToggleSwitch</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/numericupdown.html b/documentation/controls/inputs/numericupdown.html
index dee8eca04..1451a3503 100644
--- a/documentation/controls/inputs/numericupdown.html
+++ b/documentation/controls/inputs/numericupdown.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>NumericUpDown | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_numericupdown.md.Vqgfemap.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_numericupdown.md.5wyNtthE.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_numericupdown" data-v-68f5ff40><div><h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>A control for numeric input.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ComboBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>TextBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_numericupdown" data-v-faed6907><div><h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>A control for numeric input.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ComboBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>TextBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/radiobutton.html b/documentation/controls/inputs/radiobutton.html
index ba19c9b6a..fe78ed64d 100644
--- a/documentation/controls/inputs/radiobutton.html
+++ b/documentation/controls/inputs/radiobutton.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>RadioButton | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_radiobutton.md.agoK1YLy.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_radiobutton.md.7Ca0kK3I.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_radiobutton" data-v-68f5ff40><div><h1 id="radiobutton" tabindex="-1">RadioButton <a class="header-anchor" href="#radiobutton" aria-label="Permalink to &quot;RadioButton&quot;">​</a></h1><p>A control used for collecting the user&#39;s choice.</p><h2 id="base" tabindex="-1">Base <a class="header-anchor" href="#base" aria-label="Permalink to &quot;Base&quot;">​</a></h2><p 3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3=""><img src="https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9" alt="{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_radiobutton" data-v-faed6907><div><h1 id="radiobutton" tabindex="-1">RadioButton <a class="header-anchor" href="#radiobutton" aria-label="Permalink to &quot;RadioButton&quot;">​</a></h1><p>A control used for collecting the user&#39;s choice.</p><h2 id="base" tabindex="-1">Base <a class="header-anchor" href="#base" aria-label="Permalink to &quot;Base&quot;">​</a></h2><p 3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3=""><img src="https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9" alt="{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             GroupName</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;A&quot;</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="chips" tabindex="-1">Chips <a class="header-anchor" href="#chips" aria-label="Permalink to &quot;Chips&quot;">​</a></h2><p 6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA=""><img src="https://github.com/user-attachments/assets/7d573d74-65b0-4379-a4b7-2830bfd381cf" alt="{6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Chips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="gigachips" tabindex="-1">GigaChips <a class="header-anchor" href="#gigachips" aria-label="Permalink to &quot;GigaChips&quot;">​</a></h2><p 466C440E-25EE-4CF1-985F-EC8105043D22=""><img src="https://github.com/user-attachments/assets/aea0e668-c02c-432c-9f3f-e8621e726444" alt="{466C440E-25EE-4CF1-985F-EC8105043D22}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;GigaChips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>CheckBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ContextMenu</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="chips" tabindex="-1">Chips <a class="header-anchor" href="#chips" aria-label="Permalink to &quot;Chips&quot;">​</a></h2><p 6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA=""><img src="https://github.com/user-attachments/assets/7d573d74-65b0-4379-a4b7-2830bfd381cf" alt="{6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Chips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="gigachips" tabindex="-1">GigaChips <a class="header-anchor" href="#gigachips" aria-label="Permalink to &quot;GigaChips&quot;">​</a></h2><p 466C440E-25EE-4CF1-985F-EC8105043D22=""><img src="https://github.com/user-attachments/assets/aea0e668-c02c-432c-9f3f-e8621e726444" alt="{466C440E-25EE-4CF1-985F-EC8105043D22}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;GigaChips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>CheckBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ContextMenu</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/slider.html b/documentation/controls/inputs/slider.html
index feead1ca7..09e2f2de5 100644
--- a/documentation/controls/inputs/slider.html
+++ b/documentation/controls/inputs/slider.html
@@ -5,25 +5,25 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Slider | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_slider.md.Q8pom4Zg.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_slider.md.BqiY1C49.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_slider" data-v-68f5ff40><div><h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>A control for displaying current value and intervals in range.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_slider" data-v-faed6907><div><h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>A control for displaying current value and intervals in range.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Maximum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Minimum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        TickFrequency</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1&quot;</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/cc73e0ddc894cc6b0ae3e73d44eb19e4d3328043/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml#L45C16-L45C17" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ToggleButton</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ComboBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/cc73e0ddc894cc6b0ae3e73d44eb19e4d3328043/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml#L45C16-L45C17" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ToggleButton</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ComboBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/textbox.html b/documentation/controls/inputs/textbox.html
index d3f19eaab..05b99feca 100644
--- a/documentation/controls/inputs/textbox.html
+++ b/documentation/controls/inputs/textbox.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>TextBox | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_textbox.md.DQYvhmPE.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_textbox.md.C0ITTqPh.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_textbox" data-v-68f5ff40><div><h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>A control used for collecting user provided information.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>NumericUpDown</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>CheckBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_textbox" data-v-faed6907><div><h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>A control used for collecting user provided information.</p><h2 id="examples" tabindex="-1">Examples <a class="header-anchor" href="#examples" aria-label="Permalink to &quot;Examples&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>NumericUpDown</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>CheckBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/togglebutton.html b/documentation/controls/inputs/togglebutton.html
index 7a210cbcb..22fd8c6b3 100644
--- a/documentation/controls/inputs/togglebutton.html
+++ b/documentation/controls/inputs/togglebutton.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>ToggleButton | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/togglebutton.Ba5AT4-L.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_togglebutton.md.CfxvYYot.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_togglebutton.md.CLRetAcE.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_togglebutton" data-v-68f5ff40><div><h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/togglebutton.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ToggleSwitch</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Slider</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_togglebutton" data-v-faed6907><div><h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/inputs/togglebutton.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ToggleSwitch</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Slider</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/inputs/toggleswitch.html b/documentation/controls/inputs/toggleswitch.html
index 1e7395a86..7b8a89a92 100644
--- a/documentation/controls/inputs/toggleswitch.html
+++ b/documentation/controls/inputs/toggleswitch.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>ToggleSwitch | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_toggleswitch.md.CtBNA0sQ.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_inputs_toggleswitch.md.xuOhQHc7.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_toggleswitch" data-v-68f5ff40><div><h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>DropDownButton</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ToggleButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_inputs_toggleswitch" data-v-faed6907><div><h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>Switching between two states.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>DropDownButton</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ToggleButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/layout/dock.html b/documentation/controls/layout/dock.html
index 35731c322..c1065156d 100644
--- a/documentation/controls/layout/dock.html
+++ b/documentation/controls/layout/dock.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Dock | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_layout_dock.md.PrfIRBwX.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_layout_dock.md.Cgcztqt_.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_layout_dock" data-v-68f5ff40><div><h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>As Docking controls are often asked by community, we decided to make a theme for the <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> library.</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="install-sukiui-dock-nuget-package" tabindex="-1">Install SukiUI.Dock Nuget Package <a class="header-anchor" href="#install-sukiui-dock-nuget-package" aria-label="Permalink to &quot;Install SukiUI.Dock Nuget Package&quot;">​</a></h2><p F7E52AB9-7A5A-4007-9CBC-8258079C1F78=""><img src="https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f" alt="{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"></p><h2 id="reference-it-in-your-app-axaml" tabindex="-1">Reference it in your App.axaml <a class="header-anchor" href="#reference-it-in-your-app-axaml" aria-label="Permalink to &quot;Reference it in your App.axaml&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>You can now install and use the Dock library with SukiUI !</p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>SukiWindow</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/button.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Button</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_layout_dock" data-v-faed6907><div><h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>As Docking controls are often asked by community, we decided to make a theme for the <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> library.</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="install-sukiui-dock-nuget-package" tabindex="-1">Install SukiUI.Dock Nuget Package <a class="header-anchor" href="#install-sukiui-dock-nuget-package" aria-label="Permalink to &quot;Install SukiUI.Dock Nuget Package&quot;">​</a></h2><p F7E52AB9-7A5A-4007-9CBC-8258079C1F78=""><img src="https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f" alt="{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"></p><h2 id="reference-it-in-your-app-axaml" tabindex="-1">Reference it in your App.axaml <a class="header-anchor" href="#reference-it-in-your-app-axaml" aria-label="Permalink to &quot;Reference it in your App.axaml&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>You can now install and use the Dock library with SukiUI !</p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>SukiWindow</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/inputs/button.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Button</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/layout/glasscard.html b/documentation/controls/layout/glasscard.html
index 07028a57e..736f67928 100644
--- a/documentation/controls/layout/glasscard.html
+++ b/documentation/controls/layout/glasscard.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Glass Card | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_layout_glasscard.md.BoFAxp4P.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_layout_glasscard.md.hVskZja9.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_layout_glasscard" data-v-68f5ff40><div><h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>A simple Card control that can present any control inside.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark-theme" tabindex="-1">Dark Theme <a class="header-anchor" href="#dark-theme" aria-label="Permalink to &quot;Dark Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="light-theme" tabindex="-1">Light Theme <a class="header-anchor" href="#light-theme" aria-label="Permalink to &quot;Light Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_layout_glasscard" data-v-faed6907><div><h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>A simple Card control that can present any control inside.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark-theme" tabindex="-1">Dark Theme <a class="header-anchor" href="#dark-theme" aria-label="Permalink to &quot;Dark Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="light-theme" tabindex="-1">Light Theme <a class="header-anchor" href="#light-theme" aria-label="Permalink to &quot;Light Theme&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="alternative-style" tabindex="-1">Alternative Style <a class="header-anchor" href="#alternative-style" aria-label="Permalink to &quot;Alternative Style&quot;">​</a></h2><h3 id="primary" tabindex="-1">Primary <a class="header-anchor" href="#primary" aria-label="Permalink to &quot;Primary&quot;">​</a></h3><img src="https://sleekshot.app/api/download/DC48QzG5R1XT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
@@ -28,8 +28,8 @@
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="interactive" tabindex="-1">Interactive <a class="header-anchor" href="#interactive" aria-label="Permalink to &quot;Interactive&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/0a1ba6ac-b3e0-4eb6-ad7e-f782820a0506" alt="interactive"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsInteractive</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="animations" tabindex="-1">Animations <a class="header-anchor" href="#animations" aria-label="Permalink to &quot;Animations&quot;">​</a></h2><p><code>GlassCard</code> are animated with <code>CompositionAnimations</code> by the property <code>IsAnimated</code> set to <code>True</code> by default. <code>Opacity</code> changes and <code>Size</code> changes of the <code>GlassCard</code> are automatically animated.</p><p><img src="https://github.com/user-attachments/assets/b38d4ec2-067a-443c-ac20-65a2f6302920" alt="animated"></p><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/GlassMorphism/GlassCard.axaml.cs" target="_blank" rel="noreferrer">API: Controls/GlassMorphism/GlassCard.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>TabControl</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>SettingsLayout</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="animations" tabindex="-1">Animations <a class="header-anchor" href="#animations" aria-label="Permalink to &quot;Animations&quot;">​</a></h2><p><code>GlassCard</code> are animated with <code>CompositionAnimations</code> by the property <code>IsAnimated</code> set to <code>True</code> by default. <code>Opacity</code> changes and <code>Size</code> changes of the <code>GlassCard</code> are automatically animated.</p><p><img src="https://github.com/user-attachments/assets/b38d4ec2-067a-443c-ac20-65a2f6302920" alt="animated"></p><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/GlassMorphism/GlassCard.axaml.cs" target="_blank" rel="noreferrer">API: Controls/GlassMorphism/GlassCard.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>TabControl</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>SettingsLayout</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/layout/settingslayout.html b/documentation/controls/layout/settingslayout.html
index 621801316..2a998c92e 100644
--- a/documentation/controls/layout/settingslayout.html
+++ b/documentation/controls/layout/settingslayout.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Settings Layout | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/settingslayout.B4Ub7kgI.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_layout_settingslayout.md.CSwRNNNO.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_layout_settingslayout.md.CTOaD0bO.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_layout_settingslayout" data-v-68f5ff40><div><h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>You can present <code>settings</code> through a <code>SettingsLayout</code>, which will update with the width of the window.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/layout/settingslayout.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_layout_settingslayout" data-v-faed6907><div><h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>You can present <code>settings</code> through a <code>SettingsLayout</code>, which will update with the width of the window.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/layout/settingslayout.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;suki:SettingsLayoutItem&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayoutItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Settings Part1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
@@ -41,8 +41,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayoutItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Theming/ThemingView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Theming/ThemingView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SettingsLayout.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SettingsLayout.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>GlassCard</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>SukiWindow</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Theming/ThemingView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Theming/ThemingView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SettingsLayout.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SettingsLayout.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>GlassCard</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>SukiWindow</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/layout/sukiwindow.html b/documentation/controls/layout/sukiwindow.html
index 626f3f547..79bbc826e 100644
--- a/documentation/controls/layout/sukiwindow.html
+++ b/documentation/controls/layout/sukiwindow.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiWindow | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_layout_sukiwindow.md.kR1zYdh9.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_layout_sukiwindow.md.Bwrc7Ugt.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_layout_sukiwindow" data-v-68f5ff40><div><h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>In SukiUI, <code>SukiWindow</code> replaces <code>Window</code> as the basis for building apps.</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="background-style" tabindex="-1">Background Style <a class="header-anchor" href="#background-style" aria-label="Permalink to &quot;Background Style&quot;">​</a></h2><p>SukiUI let you choose between 3 distinct background option, from the &quot;Bubble&quot;, perfect to enhance the glassmorphism design of the library to the classic &quot;Flat&quot; background.</p><p>Note that the background are dynamically created to match your color theme - Blue in this documentation.</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_layout_sukiwindow" data-v-faed6907><div><h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>In SukiUI, <code>SukiWindow</code> replaces <code>Window</code> as the basis for building apps.</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="background-style" tabindex="-1">Background Style <a class="header-anchor" href="#background-style" aria-label="Permalink to &quot;Background Style&quot;">​</a></h2><p>SukiUI let you choose between 3 distinct background option, from the &quot;Bubble&quot;, perfect to enhance the glassmorphism design of the library to the classic &quot;Flat&quot; background.</p><p>Note that the background are dynamically created to match your color theme - Blue in this documentation.</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h4 id="dark" tabindex="-1">Dark <a class="header-anchor" href="#dark" aria-label="Permalink to &quot;Dark&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="sukiwindow - dark"></p><h4 id="light" tabindex="-1">Light <a class="header-anchor" href="#light" aria-label="Permalink to &quot;Light&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="sukiwindow - light"></p><h2 id="gradient" tabindex="-1">Gradient <a class="header-anchor" href="#gradient" aria-label="Permalink to &quot;Gradient&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Gradient&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- Content --&gt;</span></span>
@@ -32,8 +32,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.MenuItems</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h3 id="right-titlebar-control" tabindex="-1">Right TitleBar Control <a class="header-anchor" href="#right-titlebar-control" aria-label="Permalink to &quot;Right TitleBar Control&quot;">​</a></h3><img src="https://sleekshot.app/api/download/aLrqQYoOd9N2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.RightWindowTitleBarControls</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Controls show on the right of title bar --&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.RightWindowTitleBarControls</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/SukiUIDemoView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/SukiUIDemoView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiWindow.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiWindow.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>SettingsLayout</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/layout/dock.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Dock</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.RightWindowTitleBarControls</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/SukiUIDemoView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/SukiUIDemoView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiWindow.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiWindow.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>SettingsLayout</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/layout/dock.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Dock</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/navigation/sidemenu.html b/documentation/controls/navigation/sidemenu.html
index 53a48393f..65b0c0937 100644
--- a/documentation/controls/navigation/sidemenu.html
+++ b/documentation/controls/navigation/sidemenu.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiSideMenu | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/sukisidemenu.CMrCrOEo.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_navigation_sidemenu.md.DnxRSEZL.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_navigation_sidemenu.md.CKedGK7N.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_navigation_sidemenu" data-v-68f5ff40><div><h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> is the main navigation control used in SukiUI, similar to <code>NavigationView</code> in other libraries.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/navigation/sukisidemenu.webp" height="200px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_navigation_sidemenu" data-v-faed6907><div><h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> is the main navigation control used in SukiUI, similar to <code>NavigationView</code> in other libraries.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/navigation/sukisidemenu.webp" height="200px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Page Title&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Compact&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem.Icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
@@ -42,8 +42,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu.FooterContent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Footer Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu.FooterContent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/SukiUIDemoView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/SukiUIDemoView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiSideMenu.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiSideMenu.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/theming/theme-color.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Color</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>StackPage</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/SukiUIDemoView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/SukiUIDemoView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiSideMenu.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiSideMenu.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/theming/theme-color.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Color</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>StackPage</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/navigation/stackpage.html b/documentation/controls/navigation/stackpage.html
index b191da734..b9c5d9f56 100644
--- a/documentation/controls/navigation/stackpage.html
+++ b/documentation/controls/navigation/stackpage.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Stack Page | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/stackpage.BHns5mvs.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_navigation_stackpage.md.CdPRFWq_.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_navigation_stackpage.md.CnH0p65_.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_navigation_stackpage" data-v-68f5ff40><div><h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> simply remembers everything it&#39;s <code>Content</code> property is set to, up to the Limit (default 5 items).</p><p>Clicking on the items in the header will unwind the stack to that item.</p><p><code>StackPage</code> will also unwind the stack automatically if you set the Content to an object that is already in it&#39;s stack.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/layout/stackpage.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>SideMenu</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>TabControl</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_navigation_stackpage" data-v-faed6907><div><h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> simply remembers everything it&#39;s <code>Content</code> property is set to, up to the Limit (default 5 items).</p><p>Clicking on the items in the header will unwind the stack to that item.</p><p><code>StackPage</code> will also unwind the stack automatically if you set the Content to an object that is already in it&#39;s stack.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/layout/stackpage.gif"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>SideMenu</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>TabControl</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/navigation/tabcontrol.html b/documentation/controls/navigation/tabcontrol.html
index 734990efd..8dce60611 100644
--- a/documentation/controls/navigation/tabcontrol.html
+++ b/documentation/controls/navigation/tabcontrol.html
@@ -5,29 +5,29 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Tab Control | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/tabcontrol.WzHjHu9v.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_navigation_tabcontrol.md.BKM7KEPx.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_navigation_tabcontrol.md.DpK6AJqy.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_navigation_tabcontrol" data-v-68f5ff40><div><h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> provides the user with a collection of tabs that can be used to display several contents.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> property is available</p></div><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/layout/tabcontrol.webp"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_navigation_tabcontrol" data-v-faed6907><div><h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> provides the user with a collection of tabs that can be used to display several contents.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> property is available</p></div><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/layout/tabcontrol.webp"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Tab 1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Tab 2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>StackPage</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>GlassCard</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>StackPage</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>GlassCard</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/notification/infobadge.html b/documentation/controls/notification/infobadge.html
index f510b6bff..82957036a 100644
--- a/documentation/controls/notification/infobadge.html
+++ b/documentation/controls/notification/infobadge.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_notification_infobadge.md.OH4qKYVc.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_notification_infobadge.md.4c-jUjQO.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_notification_infobadge" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>InfoBar</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>FilePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_notification_infobadge" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>InfoBar</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>FilePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/notification/infobar.html b/documentation/controls/notification/infobar.html
index c8751816d..ba03a8a0b 100644
--- a/documentation/controls/notification/infobar.html
+++ b/documentation/controls/notification/infobar.html
@@ -5,28 +5,28 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>InfoBar | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/infobar.BS8Y9_St.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_notification_infobar.md.BetH2EyL.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_notification_infobar.md.mVkhGF2-.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_notification_infobar" data-v-68f5ff40><div><h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> is a control that displays a message and can be used to show specific severity message to the user.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/notification/infobar.gif" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_notification_infobar" data-v-faed6907><div><h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> is a control that displays a message and can be used to show specific severity message to the user.</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/notification/infobar.gif" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Title</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Info&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsOpaque</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsOpaque}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsClosable</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsClosable}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsOpen</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsOpen, Mode=TwoWay}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Severity</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Warning&quot;</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Message</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello World!&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p><code>Severity</code> property allows:</p><ul><li>Information</li><li>Success</li><li>Warning</li><li>Error</li></ul><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/InfoBarView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/InfoBarView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/InfoBar.axaml.cs" target="_blank" rel="noreferrer">API: Controls/InfoBar.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/expander.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Expander</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>InfoBadge</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Message</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello World!&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p><code>Severity</code> property allows:</p><ul><li>Information</li><li>Success</li><li>Warning</li><li>Error</li></ul><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/InfoBarView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/InfoBarView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/InfoBar.axaml.cs" target="_blank" rel="noreferrer">API: Controls/InfoBar.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/data/expander.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Expander</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>InfoBadge</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/progress/circleprogressbar.html b/documentation/controls/progress/circleprogressbar.html
index 9153204b1..8ebbcfcea 100644
--- a/documentation/controls/progress/circleprogressbar.html
+++ b/documentation/controls/progress/circleprogressbar.html
@@ -5,29 +5,29 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>CircleProgressBar | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/circleprogressbar.DFOQRR-C.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_progress_circleprogressbar.md.udCyUNRn.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_progress_circleprogressbar.md.Ctg54rIO.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_progress_circleprogressbar" data-v-68f5ff40><div><h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>Circle Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/progress/circleprogressbar.gif" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_progress_circleprogressbar" data-v-faed6907><div><h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>Circle Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/progress/circleprogressbar.gif" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        StrokeWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;11&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0,2,0,0&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // Show percentage</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">               Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;h3&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">               IsVisible</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">               Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue, StringFormat={}{0:#0}%}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/CircleProgressBar.axaml.cs" target="_blank" rel="noreferrer">API: Controls/CircleProgressBar.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Stepper</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/progress/loading.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Loading</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/CircleProgressBar.axaml.cs" target="_blank" rel="noreferrer">API: Controls/CircleProgressBar.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Stepper</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/progress/loading.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Loading</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/progress/loading.html b/documentation/controls/progress/loading.html
index 519396e6e..2da9368f5 100644
--- a/documentation/controls/progress/loading.html
+++ b/documentation/controls/progress/loading.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Loading | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/loading.B04oCQSH.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_progress_loading.md.TMU_P3Rw.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_progress_loading.md.t8ClkFEo.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_progress_loading" data-v-68f5ff40><div><h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>Loading Indicator</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/progress/loading.gif" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>CircleProgressBar</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ProgressBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_progress_loading" data-v-faed6907><div><h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>Loading Indicator</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/progress/loading.gif" height="300px" width="200px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>CircleProgressBar</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ProgressBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/progress/progressbar.html b/documentation/controls/progress/progressbar.html
index 9365f0efc..310f230b9 100644
--- a/documentation/controls/progress/progressbar.html
+++ b/documentation/controls/progress/progressbar.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>ProgressBar | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/progressbar.DYes4aMl.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_progress_progressbar.md.DfnklRar.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_progress_progressbar.md.BtY0dHpo.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_progress_progressbar" data-v-68f5ff40><div><h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/progress/progressbar.gif" height="300px" width="400px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/progress/loading.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Loading</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>DataGrid</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_progress_progressbar" data-v-faed6907><div><h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>Progress Bar</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/progress/progressbar.gif" height="300px" width="400px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/progress/loading.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Loading</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>DataGrid</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/progress/stepper.html b/documentation/controls/progress/stepper.html
index 18a21ddec..6b88be644 100644
--- a/documentation/controls/progress/stepper.html
+++ b/documentation/controls/progress/stepper.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Stepper | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_progress_stepper.md.BXZYLela.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_progress_stepper.md.Dp65mxfS.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_progress_stepper" data-v-68f5ff40><div><h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>A bar that guides users through the steps of a task</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="usage" tabindex="-1">Usage <a class="header-anchor" href="#usage" aria-label="Permalink to &quot;Usage&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_progress_stepper" data-v-faed6907><div><h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>A bar that guides users through the steps of a task</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="usage" tabindex="-1">Usage <a class="header-anchor" href="#usage" aria-label="Permalink to &quot;Usage&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">public</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> IEnumerable</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Steps { get; } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                           [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;First Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Second Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Third Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="alternative-style" tabindex="-1">Alternative Style <a class="header-anchor" href="#alternative-style" aria-label="Permalink to &quot;Alternative Style&quot;">​</a></h2><img src="https://sleekshot.app/api/download/siVzTBuU6zhn"><h3 id="axaml-1" tabindex="-1">Axaml <a class="header-anchor" href="#axaml-1" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AlternativeStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Stepper.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Stepper.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>WaveProgress</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>CircleProgressBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                           [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;First Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Second Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Third Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="alternative-style" tabindex="-1">Alternative Style <a class="header-anchor" href="#alternative-style" aria-label="Permalink to &quot;Alternative Style&quot;">​</a></h2><img src="https://sleekshot.app/api/download/siVzTBuU6zhn"><h3 id="axaml-1" tabindex="-1">Axaml <a class="header-anchor" href="#axaml-1" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AlternativeStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Stepper.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Stepper.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>WaveProgress</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>CircleProgressBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/progress/waveprogress.html b/documentation/controls/progress/waveprogress.html
index 89f94dbe1..d896ca98a 100644
--- a/documentation/controls/progress/waveprogress.html
+++ b/documentation/controls/progress/waveprogress.html
@@ -5,24 +5,24 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>WaveProgress | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/waveprogress.BziSuxVY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_progress_waveprogress.md.CPxJjBOZ.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_progress_waveprogress.md.DTCp8k9m.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_progress_waveprogress" data-v-68f5ff40><div><h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>Progress Controls with Wave Animation</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/progress/waveprogress.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_progress_waveprogress" data-v-faed6907><div><h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>Progress Controls with Wave Animation</p><h2 id="show" tabindex="-1">Show <a class="header-anchor" href="#show" aria-label="Permalink to &quot;Show&quot;">​</a></h2><img src="/SukiUI/controls/progress/waveprogress.gif" height="300px" width="300px"><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsTextVisible</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // Display the percentage or not</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/WaveProgress.axaml.cs" target="_blank" rel="noreferrer">API: Controls/WaveProgress.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>TimePicker</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Stepper</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="see-also" tabindex="-1">See Also <a class="header-anchor" href="#see-also" aria-label="Permalink to &quot;See Also&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/WaveProgress.axaml.cs" target="_blank" rel="noreferrer">API: Controls/WaveProgress.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>TimePicker</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Stepper</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/controls/system/filepicker.html b/documentation/controls/system/filepicker.html
index 7a4200ad9..6be77585a 100644
--- a/documentation/controls/system/filepicker.html
+++ b/documentation/controls/system/filepicker.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_system_filepicker.md.BjnywONc.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_controls_system_filepicker.md.Cp1byn_4.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_system_filepicker" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>InfoBadge</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/hosts/hosts.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>About Hosts</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_controls_system_filepicker" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>InfoBadge</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/hosts/hosts.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>About Hosts</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/faq/custom-font.html b/documentation/faq/custom-font.html
index a5a6c9c1b..2ac1c4a2f 100644
--- a/documentation/faq/custom-font.html
+++ b/documentation/faq/custom-font.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>How to use Custom Font | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_faq_custom-font.md.BjfHpI-f.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_faq_custom-font.md.3FvTz3gh.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_faq_custom-font" data-v-68f5ff40><div><h1 id="how-to-use-custom-font" tabindex="-1">How to use Custom Font <a class="header-anchor" href="#how-to-use-custom-font" aria-label="Permalink to &quot;How to use Custom Font&quot;">​</a></h1><p>Here is the <code>App.axaml</code> after creating your SukiUI project:</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_faq_custom-font" data-v-faed6907><div><h1 id="how-to-use-custom-font" tabindex="-1">How to use Custom Font <a class="header-anchor" href="#how-to-use-custom-font" aria-label="Permalink to &quot;How to use Custom Font&quot;">​</a></h1><p>Here is the <code>App.axaml</code> after creating your SukiUI project:</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:x</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             x:Class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;SukiTest.App&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;using:SukiTest&quot;</span></span>
@@ -55,8 +55,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application.Styles</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">sukiUi:SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ThemeColor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Blue&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application.Styles</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/hosts/toast.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Toast</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/style/text.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Text</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/hosts/toast.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Toast</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/style/text.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Text</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/getting-started/installation.html b/documentation/getting-started/installation.html
index 5695af6bd..16513fa84 100644
--- a/documentation/getting-started/installation.html
+++ b/documentation/getting-started/installation.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Installation | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/introduction-final-package-list.aT7fuA6M.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_getting-started_installation.md.kDGA3Lfu.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_getting-started_installation.md.BGkOGXN5.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_getting-started_installation" data-v-68f5ff40><div><h1 id="installation" tabindex="-1">Installation <a class="header-anchor" href="#installation" aria-label="Permalink to &quot;Installation&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>When this page was written, the latest Avalonia version was <code>11.2.0-beta1</code> with SukiUI version <code>6.0.0-beta8</code></p></div><p>SukiUI can be installed in two ways:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>Recommended</strong></li><li>CI Artifacts from <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a></li></ul><h2 id="prepare-your-application" tabindex="-1">Prepare your application <a class="header-anchor" href="#prepare-your-application" aria-label="Permalink to &quot;Prepare your application&quot;">​</a></h2><p>The following picture shows packages already installed with the default <code>Avalonia Template</code>:</p><p><img src="/SukiUI/getting-started/introduction-default-package-list.webp" alt="" title="default package list"></p><p>In these packages, <code>Avalonia.Themes.Fluent</code> will no longer be necessary and can be removed.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>About <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">Set up an editor</a></p></div><h2 id="install-latest-sukiui-package" tabindex="-1">Install latest SukiUI package <a class="header-anchor" href="#install-latest-sukiui-package" aria-label="Permalink to &quot;Install latest SukiUI package&quot;">​</a></h2><p>The Nuget installation is suitable for most users, but if you want to use the latest build, you can download the dll from Github Action after the automatic build.</p><h3 id="via-nuget" tabindex="-1">Via Nuget <a class="header-anchor" href="#via-nuget" aria-label="Permalink to &quot;Via Nuget&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><p>You&#39;re done !</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Visit <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> for more information</p></div><h3 id="via-github-action" tabindex="-1">Via Github Action <a class="header-anchor" href="#via-github-action" aria-label="Permalink to &quot;Via Github Action&quot;">​</a></h3><details><summary>Github Action Guide</summary><ol><li><p>Visit <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>Select the latest workflow <img src="/SukiUI/getting-started/introduction-workflow.webp" alt="" title="workflow"></p></li><li><p>Download the artifact <img src="/SukiUI/getting-started/introduction-artifact.webp" alt="" title="artifact"></p></li><li><p>Add reference <img src="/SukiUI/getting-started/introduction-reference.webp" alt="" title="reference"></p></li><li><p>Select <code>SukiUI.dll</code> you downloaded</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>The package list should be:</p><p><img src="/SukiUI/getting-started/introduction-final-package-list.webp" alt="" title="package list"></p></div></details></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/getting-started/introduction.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Introduction</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/getting-started/launch.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Launch</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_getting-started_installation" data-v-faed6907><div><h1 id="installation" tabindex="-1">Installation <a class="header-anchor" href="#installation" aria-label="Permalink to &quot;Installation&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>When this page was written, the latest Avalonia version was <code>11.2.0-beta1</code> with SukiUI version <code>6.0.0-beta8</code></p></div><p>SukiUI can be installed in two ways:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>Recommended</strong></li><li>CI Artifacts from <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a></li></ul><h2 id="prepare-your-application" tabindex="-1">Prepare your application <a class="header-anchor" href="#prepare-your-application" aria-label="Permalink to &quot;Prepare your application&quot;">​</a></h2><p>The following picture shows packages already installed with the default <code>Avalonia Template</code>:</p><p><img src="/SukiUI/getting-started/introduction-default-package-list.webp" alt="" title="default package list"></p><p>In these packages, <code>Avalonia.Themes.Fluent</code> will no longer be necessary and can be removed.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>About <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">Set up an editor</a></p></div><h2 id="install-latest-sukiui-package" tabindex="-1">Install latest SukiUI package <a class="header-anchor" href="#install-latest-sukiui-package" aria-label="Permalink to &quot;Install latest SukiUI package&quot;">​</a></h2><p>The Nuget installation is suitable for most users, but if you want to use the latest build, you can download the dll from Github Action after the automatic build.</p><h3 id="via-nuget" tabindex="-1">Via Nuget <a class="header-anchor" href="#via-nuget" aria-label="Permalink to &quot;Via Nuget&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><p>You&#39;re done !</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Visit <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> for more information</p></div><h3 id="via-github-action" tabindex="-1">Via Github Action <a class="header-anchor" href="#via-github-action" aria-label="Permalink to &quot;Via Github Action&quot;">​</a></h3><details><summary>Github Action Guide</summary><ol><li><p>Visit <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>Select the latest workflow <img src="/SukiUI/getting-started/introduction-workflow.webp" alt="" title="workflow"></p></li><li><p>Download the artifact <img src="/SukiUI/getting-started/introduction-artifact.webp" alt="" title="artifact"></p></li><li><p>Add reference <img src="/SukiUI/getting-started/introduction-reference.webp" alt="" title="reference"></p></li><li><p>Select <code>SukiUI.dll</code> you downloaded</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>The package list should be:</p><p><img src="/SukiUI/getting-started/introduction-final-package-list.webp" alt="" title="package list"></p></div></details></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/getting-started/introduction.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Introduction</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/getting-started/launch.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Launch</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/getting-started/introduction.html b/documentation/getting-started/introduction.html
index 0b60e33fa..c42f52ee4 100644
--- a/documentation/getting-started/introduction.html
+++ b/documentation/getting-started/introduction.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Introduction | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_getting-started_introduction.md.CSdMaYse.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_getting-started_introduction.md.C7P2kwsZ.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_getting-started_introduction" data-v-68f5ff40><div><h1 id="introduction" tabindex="-1">Introduction <a class="header-anchor" href="#introduction" aria-label="Permalink to &quot;Introduction&quot;">​</a></h1><p><strong>SukiUI</strong> makes your Avalonia applications more modern. The library offers a large number of animated controls and theme switches.</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
-?style=for-the-badge"><a href="https://www.nuget.org/packages/SukiUI"><img src="https://img.shields.io/nuget/vpre/SukiUI?style=for-the-badge" alt="Nuget Pre"></a></div><p><img src="https://github.com/user-attachments/assets/00622266-dbb8-4c05-8d1f-782483f4ca14" alt="overview"></p><h2 id="gallery" tabindex="-1">Gallery <a class="header-anchor" href="#gallery" aria-label="Permalink to &quot;Gallery&quot;">​</a></h2><p>Go to Microsoft Store to get the Gallary app</p><a href="https://apps.microsoft.com/detail/9NM01BJ6JTTF?hl=en-us&amp;gl=US"><img src="https://get.microsoft.com/images/en-us%20dark.svg" width="200" alt="Download SukiUI Controls Gallery"></a></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><!----></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/getting-started/installation.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Installation</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_getting-started_introduction" data-v-faed6907><div><h1 id="introduction" tabindex="-1">Introduction <a class="header-anchor" href="#introduction" aria-label="Permalink to &quot;Introduction&quot;">​</a></h1><p><strong>SukiUI</strong> makes your Avalonia applications more modern. The library offers a large number of animated controls and theme switches.</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
+?style=for-the-badge"><a href="https://www.nuget.org/packages/SukiUI"><img src="https://img.shields.io/nuget/vpre/SukiUI?style=for-the-badge" alt="Nuget Pre"></a></div><p><img src="https://github.com/user-attachments/assets/00622266-dbb8-4c05-8d1f-782483f4ca14" alt="overview"></p><h2 id="gallery" tabindex="-1">Gallery <a class="header-anchor" href="#gallery" aria-label="Permalink to &quot;Gallery&quot;">​</a></h2><p>Go to Microsoft Store to get the Gallary app</p><a href="https://apps.microsoft.com/detail/9NM01BJ6JTTF?hl=en-us&amp;gl=US"><img src="https://get.microsoft.com/images/en-us%20dark.svg" width="200" alt="Download SukiUI Controls Gallery"></a></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><!----></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/getting-started/installation.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Installation</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/getting-started/launch.html b/documentation/getting-started/launch.html
index 7d40cd6a3..f4fc235ee 100644
--- a/documentation/getting-started/launch.html
+++ b/documentation/getting-started/launch.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Launch | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_getting-started_launch.md.jmgT-pLt.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_getting-started_launch.md.SDnswIiC.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_getting-started_launch" data-v-68f5ff40><div><h1 id="launch" tabindex="-1">Launch <a class="header-anchor" href="#launch" aria-label="Permalink to &quot;Launch&quot;">​</a></h1><h2 id="modify-your-app-axaml" tabindex="-1">Modify your App.axaml <a class="header-anchor" href="#modify-your-app-axaml" aria-label="Permalink to &quot;Modify your App.axaml&quot;">​</a></h2><p>Include SukiUI styles in your <code>App.axaml</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_getting-started_launch" data-v-faed6907><div><h1 id="launch" tabindex="-1">Launch <a class="header-anchor" href="#launch" aria-label="Permalink to &quot;Launch&quot;">​</a></h1><h2 id="modify-your-app-axaml" tabindex="-1">Modify your App.axaml <a class="header-anchor" href="#modify-your-app-axaml" aria-label="Permalink to &quot;Modify your App.axaml&quot;">​</a></h2><p>Include SukiUI styles in your <code>App.axaml</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    ...</span></span>
 <span class="line highlighted"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    xmlns:sukiUi</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;clr-namespace:SukiUI;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &gt;</span></span>
@@ -58,8 +58,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    {</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        InitializeComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="done" tabindex="-1">Done <a class="header-anchor" href="#done" aria-label="Permalink to &quot;Done&quot;">​</a></h2><p>You&#39;re now ready to use SukiUI ! We advise you to theme your app now. Please check the <a href="/SukiUI/documentation/theming/basic.html">Theming Page</a> and the <a href="/SukiUI/documentation/controls/layout/sukiwindow.html">SukiWindow Page</a></p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>If you encounter the following exception:</p><ul><li><code>SukiWindow</code> not found <a href="https://github.com/kikipoulet/SukiUI/issues/265" target="_blank" rel="noreferrer">Issue#265</a></li><li>System.MissingMethodException: Method not found: System.Collections.Generic.IReadOnlyList`1&lt;System.Object&gt; Avalonia.Markup.Xaml.XamlIl.Runtime.IAvaloniaXamlIlEagerParentStackProvider.get_DirectParents() <a href="https://github.com/kikipoulet/SukiUI/issues/276" target="_blank" rel="noreferrer">Issue#276</a></li><li>Unable to resolve type <code>SukiTheme</code> from namespace clr-namespace:SukiUI;assembly=SukiUI <a href="https://github.com/kikipoulet/SukiUI/discussions/278" target="_blank" rel="noreferrer">Discussion#276</a></li><li>and other similar exceptions</li></ul><p>There are two possible solutions to try:</p><ul><li>Upgrade or downgrade the version of <code>Avalonia</code> and <code>SukiUI</code> until the exception is resolved</li><li>While ensuring that <code>Avalonia</code> is up to date (beta), reference the build <code>.dll</code> from <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a> and proceed with the <a href="/SukiUI/documentation/getting-started/installation.html#via-github-action">following steps</a></li></ul></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/getting-started/installation.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Installation</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/theming/basic.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Basic</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="done" tabindex="-1">Done <a class="header-anchor" href="#done" aria-label="Permalink to &quot;Done&quot;">​</a></h2><p>You&#39;re now ready to use SukiUI ! We advise you to theme your app now. Please check the <a href="/SukiUI/documentation/theming/basic.html">Theming Page</a> and the <a href="/SukiUI/documentation/controls/layout/sukiwindow.html">SukiWindow Page</a></p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>If you encounter the following exception:</p><ul><li><code>SukiWindow</code> not found <a href="https://github.com/kikipoulet/SukiUI/issues/265" target="_blank" rel="noreferrer">Issue#265</a></li><li>System.MissingMethodException: Method not found: System.Collections.Generic.IReadOnlyList`1&lt;System.Object&gt; Avalonia.Markup.Xaml.XamlIl.Runtime.IAvaloniaXamlIlEagerParentStackProvider.get_DirectParents() <a href="https://github.com/kikipoulet/SukiUI/issues/276" target="_blank" rel="noreferrer">Issue#276</a></li><li>Unable to resolve type <code>SukiTheme</code> from namespace clr-namespace:SukiUI;assembly=SukiUI <a href="https://github.com/kikipoulet/SukiUI/discussions/278" target="_blank" rel="noreferrer">Discussion#276</a></li><li>and other similar exceptions</li></ul><p>There are two possible solutions to try:</p><ul><li>Upgrade or downgrade the version of <code>Avalonia</code> and <code>SukiUI</code> until the exception is resolved</li><li>While ensuring that <code>Avalonia</code> is up to date (beta), reference the build <code>.dll</code> from <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a> and proceed with the <a href="/SukiUI/documentation/getting-started/installation.html#via-github-action">following steps</a></li></ul></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/getting-started/installation.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Installation</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/theming/basic.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Basic</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/hosts/dialog.html b/documentation/hosts/dialog.html
index 4156c7a7e..779722a2f 100644
--- a/documentation/hosts/dialog.html
+++ b/documentation/hosts/dialog.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Dialogs | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_hosts_dialog.md.QzgAXyXO.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_hosts_dialog.md.DCHoz3_r.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_hosts_dialog" data-v-68f5ff40><div><h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display dialogs easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however dialogs can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiDialogManager</code> instance used for a given <code>SukiDialogHost</code> you can display dialogs in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_hosts_dialog" data-v-faed6907><div><h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display dialogs easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however dialogs can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiDialogManager</code> instance used for a given <code>SukiDialogHost</code> you can display dialogs in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiDialogHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding DialogManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
@@ -58,8 +58,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WithActionButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Don&#39;t Close&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">_</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { })</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WithActionButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Close &quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">_</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { }, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)  </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// last parameter optional</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">TryShow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p><img src="https://github.com/user-attachments/assets/3d07344f-c302-400a-b2cf-88865e7713ba" alt="dialogclose"></p><h2 id="messagebox-style" tabindex="-1">MessageBox Style <a class="header-anchor" href="#messagebox-style" aria-label="Permalink to &quot;MessageBox Style&quot;">​</a></h2><p>It is possible to use the <code>.OfType()</code> method to cause the dialog to use an included MessageBox style, the styles included are: <code>Information</code>, <code>Success</code>, <code>Warning</code> and <code>Error</code>.</p><p><img src="https://github.com/user-attachments/assets/1c596315-5e9a-4f4c-b577-e27d0d6b0a1d" alt="dialogtypes"></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/hosts/hosts.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>About Hosts</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/hosts/toast.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Toast</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p><img src="https://github.com/user-attachments/assets/3d07344f-c302-400a-b2cf-88865e7713ba" alt="dialogclose"></p><h2 id="messagebox-style" tabindex="-1">MessageBox Style <a class="header-anchor" href="#messagebox-style" aria-label="Permalink to &quot;MessageBox Style&quot;">​</a></h2><p>It is possible to use the <code>.OfType()</code> method to cause the dialog to use an included MessageBox style, the styles included are: <code>Information</code>, <code>Success</code>, <code>Warning</code> and <code>Error</code>.</p><p><img src="https://github.com/user-attachments/assets/1c596315-5e9a-4f4c-b577-e27d0d6b0a1d" alt="dialogtypes"></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/hosts/hosts.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>About Hosts</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/hosts/toast.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Toast</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/hosts/hosts.html b/documentation/hosts/hosts.html
index 58e6241e0..f8173d198 100644
--- a/documentation/hosts/hosts.html
+++ b/documentation/hosts/hosts.html
@@ -5,26 +5,26 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Hosts | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_hosts_hosts.md.q3MqfPNp.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_hosts_hosts.md.CqO9D7Jh.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_hosts_hosts" data-v-68f5ff40><div><h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI provides a property in <code>SukiWindow</code> that allows you to render any arbitrary control or content above all others, including the title bar.</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_hosts_hosts" data-v-faed6907><div><h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI provides a property in <code>SukiWindow</code> that allows you to render any arbitrary control or content above all others, including the title bar.</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">		&lt;!-- Your hosts here --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>By default SukiUI ships with two hosts and associated controls and APIs for interacting with them, these are <a href="./dialog.html">SukiDialogHost</a> and <a href="./toast.html">SukiToastHost</a>.</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p><code>suki:SukiWindow.Hosts</code> is only valid in <code>SukiWindow</code>, please be careful not to declare it in other pages (<code>Views</code>), it will have no effect.</p></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>FilePicker</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/hosts/dialog.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Dialog</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>By default SukiUI ships with two hosts and associated controls and APIs for interacting with them, these are <a href="./dialog.html">SukiDialogHost</a> and <a href="./toast.html">SukiToastHost</a>.</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p><code>suki:SukiWindow.Hosts</code> is only valid in <code>SukiWindow</code>, please be careful not to declare it in other pages (<code>Views</code>), it will have no effect.</p></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>FilePicker</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/hosts/dialog.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Dialog</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/hosts/toast.html b/documentation/hosts/toast.html
index 32c16ce30..83fffac3f 100644
--- a/documentation/hosts/toast.html
+++ b/documentation/hosts/toast.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Toasts | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_hosts_toast.md.DdRHvUH_.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_hosts_toast.md.9xC1dbU-.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_hosts_toast" data-v-68f5ff40><div><h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display toasts easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however toasts can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiToastManager</code> instance used for a given <code>SukiToastHost</code> you can display toasts in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_hosts_toast" data-v-faed6907><div><h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI provides a <a href="./hosts.html">host</a> which can display toasts easily at any level of your application. As standard we recommend simply using it in <code>SukiWindow.Hosts</code> as this provides the best experience, however toasts can be localised within whatever context you require.</p><p>The host is designed in such a way as to be MVVM friendly and as long as you have access to the <code>ISukiToastManager</code> instance used for a given <code>SukiToastHost</code> you can display toasts in it.</p><p>Here is a simple example setup using MVVM:</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS definitions omitted for brevity --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiToastHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ToastManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
@@ -115,8 +115,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            });</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        };</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        timer.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Start</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/hosts/dialog.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Dialog</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/faq/custom-font.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Custom Font</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/hosts/dialog.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Dialog</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/faq/custom-font.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Custom Font</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/index.html b/documentation/index.html
index d55da1944..43b206938 100644
--- a/documentation/index.html
+++ b/documentation/index.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Documentation | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_index.md.AyBFukAJ.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_index.md.DKuGNyZt.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_" data-v-68f5ff40><div><h1 id="documentation" tabindex="-1">Documentation <a class="header-anchor" href="#documentation" aria-label="Permalink to &quot;Documentation&quot;">​</a></h1><p>Welcome to SukiUI&#39;s documentation site, where you can jump to related pages in the sidebar.</p><p>Feel free to submit <a href="https://github.com/kikipoulet/SukiUI/issues/new/choose" target="_blank" rel="noreferrer">Github Issue</a> for this document!</p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><!----></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/getting-started/introduction.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Introduction</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_" data-v-faed6907><div><h1 id="documentation" tabindex="-1">Documentation <a class="header-anchor" href="#documentation" aria-label="Permalink to &quot;Documentation&quot;">​</a></h1><p>Welcome to SukiUI&#39;s documentation site, where you can jump to related pages in the sidebar.</p><p>Feel free to submit <a href="https://github.com/kikipoulet/SukiUI/issues/new/choose" target="_blank" rel="noreferrer">Github Issue</a> for this document!</p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><!----></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/getting-started/introduction.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Introduction</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/style/color.html b/documentation/style/color.html
index 4cd0c1c52..d7513feb7 100644
--- a/documentation/style/color.html
+++ b/documentation/style/color.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_style_color.md.DBxrca67.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_style_color.md.BCo6u_r2.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/style/color.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/style/color.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_style_color" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/style/text.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Text</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/style/icon.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Icon</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/style/color.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/style/color.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_style_color" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/style/text.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Text</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/style/icon.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Icon</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/style/icon.html b/documentation/style/icon.html
index 354fa177c..f95c4783a 100644
--- a/documentation/style/icon.html
+++ b/documentation/style/icon.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_style_icon.md.CKzwYrqb.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_style_icon.md.DjC2vRh-.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/style/icon.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/style/icon.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_style_icon" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/style/color.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Color</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/style/icon.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/style/icon.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_style_icon" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/style/color.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Color</span><!--]--></a></div><div class="pager" data-v-b1357397><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/style/text.html b/documentation/style/text.html
index 4d1ffec12..2a1171353 100644
--- a/documentation/style/text.html
+++ b/documentation/style/text.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_style_text.md.CpAujoqS.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_style_text.md.BaXRSajy.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/style/text.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/style/text.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_style_text" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/faq/custom-font.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Custom Font</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/style/color.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Color</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/style/text.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/style/text.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_style_text" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/faq/custom-font.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Custom Font</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/style/color.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Color</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/theming/basic.html b/documentation/theming/basic.html
index cf8292f80..2fca5cd49 100644
--- a/documentation/theming/basic.html
+++ b/documentation/theming/basic.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Basic | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_theming_basic.md.BSauNxdM.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_theming_basic.md.CUCv0vqm.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_theming_basic" data-v-68f5ff40><div><h1 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h1><p>SukiUI provide a <code>SukiTheme</code> class that permits to easily manipulate the theming of your app easily.</p><p>Get the SukiTheme Instance:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/getting-started/launch.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Launch</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/theming/theme.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Light & Dark</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_theming_basic" data-v-faed6907><div><h1 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h1><p>SukiUI provide a <code>SukiTheme</code> class that permits to easily manipulate the theming of your app easily.</p><p>Get the SukiTheme Instance:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/getting-started/launch.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Launch</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/theming/theme.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Light & Dark</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/theming/theme-color.html b/documentation/theming/theme-color.html
index 14ef74b51..09b4a6a44 100644
--- a/documentation/theming/theme-color.html
+++ b/documentation/theming/theme-color.html
@@ -5,26 +5,26 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Color | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_theming_theme-color.md.B5XYDWLv.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_theming_theme-color.md.Db-C0foH.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_theming_theme-color" data-v-68f5ff40><div><h1 id="color" tabindex="-1">Color <a class="header-anchor" href="#color" aria-label="Permalink to &quot;Color&quot;">​</a></h1><p><code>SukiTheme</code> allows app to switch color themes easily</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="switch-between-available-color-theme" tabindex="-1">Switch between available Color Theme <a class="header-anchor" href="#switch-between-available-color-theme" aria-label="Permalink to &quot;Switch between available Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="switch-to-a-specific-color-theme" tabindex="-1">Switch to a specific Color Theme <a class="header-anchor" href="#switch-to-a-specific-color-theme" aria-label="Permalink to &quot;Switch to a specific Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="create-a-custom-color-theme-register-it-and-switch-to-it" tabindex="-1">Create a Custom Color Theme, register it and switch to it <a class="header-anchor" href="#create-a-custom-color-theme-register-it-and-switch-to-it" aria-label="Permalink to &quot;Create a Custom Color Theme, register it and switch to it&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_theming_theme-color" data-v-faed6907><div><h1 id="color" tabindex="-1">Color <a class="header-anchor" href="#color" aria-label="Permalink to &quot;Color&quot;">​</a></h1><p><code>SukiTheme</code> allows app to switch color themes easily</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="switch-between-available-color-theme" tabindex="-1">Switch between available Color Theme <a class="header-anchor" href="#switch-between-available-color-theme" aria-label="Permalink to &quot;Switch between available Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="switch-to-a-specific-color-theme" tabindex="-1">Switch to a specific Color Theme <a class="header-anchor" href="#switch-to-a-specific-color-theme" aria-label="Permalink to &quot;Switch to a specific Color Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="create-a-custom-color-theme-register-it-and-switch-to-it" tabindex="-1">Create a Custom Color Theme, register it and switch to it <a class="header-anchor" href="#create-a-custom-color-theme-register-it-and-switch-to-it" aria-label="Permalink to &quot;Create a Custom Color Theme, register it and switch to it&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AddColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span></code></pre></div><h2 id="colorchanged-event" tabindex="-1">ColorChanged Event <a class="header-anchor" href="#colorchanged-event" aria-label="Permalink to &quot;ColorChanged Event&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnColorThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">     Console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WriteLine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Color theme change triggered !&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/theming/theme.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Light & Dark</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>SideMenu</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/theming/theme.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Light & Dark</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>SideMenu</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/documentation/theming/theme.html b/documentation/theming/theme.html
index c351cc3d3..ee3f83972 100644
--- a/documentation/theming/theme.html
+++ b/documentation/theming/theme.html
@@ -5,24 +5,24 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Light &amp; Dark | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/documentation_theming_theme.md.D0NLecPp.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/documentation_theming_theme.md.B5IOppXO.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_documentation_theming_theme" data-v-68f5ff40><div><h1 id="light-dark" tabindex="-1">Light &amp; Dark <a class="header-anchor" href="#light-dark" aria-label="Permalink to &quot;Light &amp; Dark&quot;">​</a></h1><p>SukiUI use the <a href="https://docs.avaloniaui.net/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">Theme Variant</a> system provided by <code>AvaloniaUI</code>.</p><p>However, the SukiTheme class provide a wrapper to change Light/Dark theme.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark" tabindex="-1">Dark <a class="header-anchor" href="#dark" aria-label="Permalink to &quot;Dark&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="light" tabindex="-1">Light <a class="header-anchor" href="#light" aria-label="Permalink to &quot;Light&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="switch-to-dark-theme" tabindex="-1">Switch to Dark Theme <a class="header-anchor" href="#switch-to-dark-theme" aria-label="Permalink to &quot;Switch to Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="switch-to-light-theme" tabindex="-1">Switch to Light Theme <a class="header-anchor" href="#switch-to-light-theme" aria-label="Permalink to &quot;Switch to Light Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="switch-between-light-dark-theme" tabindex="-1">Switch between Light/Dark Theme <a class="header-anchor" href="#switch-between-light-dark-theme" aria-label="Permalink to &quot;Switch between Light/Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-event" tabindex="-1">ThemeChanged Event <a class="header-anchor" href="#themechanged-event" aria-label="Permalink to &quot;ThemeChanged Event&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_documentation_theming_theme" data-v-faed6907><div><h1 id="light-dark" tabindex="-1">Light &amp; Dark <a class="header-anchor" href="#light-dark" aria-label="Permalink to &quot;Light &amp; Dark&quot;">​</a></h1><p>SukiUI use the <a href="https://docs.avaloniaui.net/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">Theme Variant</a> system provided by <code>AvaloniaUI</code>.</p><p>However, the SukiTheme class provide a wrapper to change Light/Dark theme.</p><h2 id="theme" tabindex="-1">Theme <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;Theme&quot;">​</a></h2><h3 id="dark" tabindex="-1">Dark <a class="header-anchor" href="#dark" aria-label="Permalink to &quot;Dark&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="light" tabindex="-1">Light <a class="header-anchor" href="#light" aria-label="Permalink to &quot;Light&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="switch-to-dark-theme" tabindex="-1">Switch to Dark Theme <a class="header-anchor" href="#switch-to-dark-theme" aria-label="Permalink to &quot;Switch to Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="switch-to-light-theme" tabindex="-1">Switch to Light Theme <a class="header-anchor" href="#switch-to-light-theme" aria-label="Permalink to &quot;Switch to Light Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="switch-between-light-dark-theme" tabindex="-1">Switch between Light/Dark Theme <a class="header-anchor" href="#switch-between-light-dark-theme" aria-label="Permalink to &quot;Switch between Light/Dark Theme&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-event" tabindex="-1">ThemeChanged Event <a class="header-anchor" href="#themechanged-event" aria-label="Permalink to &quot;ThemeChanged Event&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    Console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WriteLine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Theme changed triggered !&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/documentation/theming/basic.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Basic</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/theming/theme-color.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Color</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/documentation/theming/basic.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Basic</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/theming/theme-color.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Color</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/hashmap.json b/hashmap.json
index 78d51d5fc..79cfe56f6 100644
--- a/hashmap.json
+++ b/hashmap.json
@@ -1 +1 @@
-{"api-examples.md":"CdWTDJ20","documentation_controls_data_busyarea.md":"DMJsYZEZ","documentation_controls_data_datagrid.md":"CP6rCDfR","documentation_controls_data_expander.md":"fMVQ3JuJ","documentation_controls_data_groupbox.md":"DII6xeuG","documentation_controls_data_listbox.md":"2zd9tYx2","documentation_controls_data_treeview.md":"DlDM9Q7c","documentation_controls_datetime_calendar.md":"B3rzLY3G","documentation_controls_datetime_calendardatepicker.md":"C1mLiF4g","documentation_controls_datetime_datepicker.md":"4tWb-V3a","documentation_controls_datetime_timepicker.md":"DYckWuEY","documentation_controls_inputs_autocompletebox.md":"Cq59lrEX","documentation_controls_inputs_button.md":"C6GwL-p4","documentation_controls_inputs_checkbox.md":"D_DdvQNu","documentation_controls_inputs_combobox.md":"CIN88vgw","documentation_controls_inputs_contextmenu.md":"BMu1p23o","documentation_controls_inputs_dropdownbutton.md":"Cgj8Ep1k","documentation_controls_inputs_numericupdown.md":"Vqgfemap","documentation_controls_inputs_radiobutton.md":"agoK1YLy","documentation_controls_inputs_slider.md":"Q8pom4Zg","documentation_controls_inputs_textbox.md":"DQYvhmPE","documentation_controls_inputs_togglebutton.md":"CfxvYYot","documentation_controls_inputs_toggleswitch.md":"CtBNA0sQ","documentation_controls_layout_dock.md":"PrfIRBwX","documentation_controls_layout_glasscard.md":"BoFAxp4P","documentation_controls_layout_settingslayout.md":"CSwRNNNO","documentation_controls_layout_sukiwindow.md":"kR1zYdh9","documentation_controls_navigation_sidemenu.md":"DnxRSEZL","documentation_controls_navigation_stackpage.md":"CdPRFWq_","documentation_controls_navigation_tabcontrol.md":"BKM7KEPx","documentation_controls_notification_infobadge.md":"OH4qKYVc","documentation_controls_notification_infobar.md":"BetH2EyL","documentation_controls_progress_circleprogressbar.md":"udCyUNRn","documentation_controls_progress_loading.md":"TMU_P3Rw","documentation_controls_progress_progressbar.md":"DfnklRar","documentation_controls_progress_stepper.md":"BXZYLela","documentation_controls_progress_waveprogress.md":"CPxJjBOZ","documentation_controls_system_filepicker.md":"BjnywONc","documentation_faq_custom-font.md":"BjfHpI-f","documentation_getting-started_installation.md":"kDGA3Lfu","documentation_getting-started_introduction.md":"CSdMaYse","documentation_getting-started_launch.md":"jmgT-pLt","documentation_hosts_dialog.md":"QzgAXyXO","documentation_hosts_hosts.md":"q3MqfPNp","documentation_hosts_toast.md":"DdRHvUH_","documentation_index.md":"AyBFukAJ","documentation_style_color.md":"DBxrca67","documentation_style_icon.md":"CKzwYrqb","documentation_style_text.md":"CpAujoqS","documentation_theming_basic.md":"BSauNxdM","documentation_theming_theme-color.md":"B5XYDWLv","documentation_theming_theme.md":"D0NLecPp","index.md":"DONymsuU","markdown-examples.md":"CQhwVfPS","zh_documentation_controls_data_busyarea.md":"JPV_jpax","zh_documentation_controls_data_datagrid.md":"Ce7FR71a","zh_documentation_controls_data_expander.md":"5zX4zXbX","zh_documentation_controls_data_groupbox.md":"CB2xvAW0","zh_documentation_controls_data_listbox.md":"CafHmzRi","zh_documentation_controls_data_treeview.md":"DUB2k8i4","zh_documentation_controls_datetime_calendar.md":"BOyj4QVR","zh_documentation_controls_datetime_calendardatepicker.md":"DBUVe7pc","zh_documentation_controls_datetime_datepicker.md":"0zm9ZWz0","zh_documentation_controls_datetime_timepicker.md":"Bah0FjGG","zh_documentation_controls_inputs_autocompletebox.md":"BFd__Ph7","zh_documentation_controls_inputs_button.md":"XKQsobUf","zh_documentation_controls_inputs_checkbox.md":"Cv-JER6D","zh_documentation_controls_inputs_combobox.md":"DwfCH1MW","zh_documentation_controls_inputs_contextmenu.md":"BG0XlUvm","zh_documentation_controls_inputs_dropdownbutton.md":"Bn_p4TaM","zh_documentation_controls_inputs_numericupdown.md":"ChiTpxKH","zh_documentation_controls_inputs_radiobutton.md":"xAHIgk_a","zh_documentation_controls_inputs_slider.md":"BNPGKqMy","zh_documentation_controls_inputs_textbox.md":"Cfeha2fY","zh_documentation_controls_inputs_togglebutton.md":"CC8i7Sep","zh_documentation_controls_inputs_toggleswitch.md":"C7fZqFHF","zh_documentation_controls_layout_dock.md":"BCQUnrZs","zh_documentation_controls_layout_glasscard.md":"Bzn2L207","zh_documentation_controls_layout_settingslayout.md":"C6kJ92In","zh_documentation_controls_layout_sukiwindow.md":"FFCyOaWX","zh_documentation_controls_navigation_sidemenu.md":"CiXRidFD","zh_documentation_controls_navigation_stackpage.md":"BcR77MkM","zh_documentation_controls_navigation_tabcontrol.md":"DAmogSU3","zh_documentation_controls_notification_infobadge.md":"B_ZhYMvj","zh_documentation_controls_notification_infobar.md":"BvOuD2pm","zh_documentation_controls_progress_circleprogressbar.md":"B-qo_GP2","zh_documentation_controls_progress_loading.md":"CZ8kK3mF","zh_documentation_controls_progress_progressbar.md":"CwItBmIZ","zh_documentation_controls_progress_stepper.md":"CHn_kP47","zh_documentation_controls_progress_waveprogress.md":"Dcabiu7r","zh_documentation_controls_system_filepicker.md":"Czt55_uh","zh_documentation_faq_custom-font.md":"W79dDpYe","zh_documentation_getting-started_installation.md":"op0fYDPC","zh_documentation_getting-started_introduction.md":"D2P9A6Au","zh_documentation_getting-started_launch.md":"Bplj30qB","zh_documentation_hosts_dialog.md":"BvaaQDzd","zh_documentation_hosts_hosts.md":"B_twH9Nk","zh_documentation_hosts_toast.md":"9A-ZAH7Y","zh_documentation_index.md":"X7gn4Jql","zh_documentation_style_color.md":"BlQ1PoDO","zh_documentation_style_icon.md":"CX_VxqOL","zh_documentation_style_text.md":"-n37mV9Z","zh_documentation_theming_basic.md":"Byn8asVg","zh_documentation_theming_theme-color.md":"BAQblKC1","zh_documentation_theming_theme.md":"C4R49kVJ","zh_index.md":"B7aJgClu"}
+{"api-examples.md":"xKZYav3u","documentation_controls_data_busyarea.md":"CGSRNTXx","documentation_controls_data_datagrid.md":"DZ5jkVbn","documentation_controls_data_expander.md":"CMBHeNWz","documentation_controls_data_groupbox.md":"CrtStsa9","documentation_controls_data_listbox.md":"DVJQcGSh","documentation_controls_data_treeview.md":"B_eg_I2u","documentation_controls_datetime_calendar.md":"DRMPx6wk","documentation_controls_datetime_calendardatepicker.md":"DvrkezHr","documentation_controls_datetime_datepicker.md":"7lUO94lr","documentation_controls_datetime_timepicker.md":"n1dxOpS8","documentation_controls_inputs_autocompletebox.md":"fotwWd-N","documentation_controls_inputs_button.md":"MultdmkL","documentation_controls_inputs_checkbox.md":"BE8_hNKq","documentation_controls_inputs_combobox.md":"DWeJYIbw","documentation_controls_inputs_contextmenu.md":"DoXnGxgf","documentation_controls_inputs_dropdownbutton.md":"Bo4TPXwT","documentation_controls_inputs_numericupdown.md":"5wyNtthE","documentation_controls_inputs_radiobutton.md":"7Ca0kK3I","documentation_controls_inputs_slider.md":"BqiY1C49","documentation_controls_inputs_textbox.md":"C0ITTqPh","documentation_controls_inputs_togglebutton.md":"CLRetAcE","documentation_controls_inputs_toggleswitch.md":"xuOhQHc7","documentation_controls_layout_dock.md":"Cgcztqt_","documentation_controls_layout_glasscard.md":"hVskZja9","documentation_controls_layout_settingslayout.md":"CTOaD0bO","documentation_controls_layout_sukiwindow.md":"Bwrc7Ugt","documentation_controls_navigation_sidemenu.md":"CKedGK7N","documentation_controls_navigation_stackpage.md":"CnH0p65_","documentation_controls_navigation_tabcontrol.md":"DpK6AJqy","documentation_controls_notification_infobadge.md":"4c-jUjQO","documentation_controls_notification_infobar.md":"mVkhGF2-","documentation_controls_progress_circleprogressbar.md":"Ctg54rIO","documentation_controls_progress_loading.md":"t8ClkFEo","documentation_controls_progress_progressbar.md":"BtY0dHpo","documentation_controls_progress_stepper.md":"Dp65mxfS","documentation_controls_progress_waveprogress.md":"DTCp8k9m","documentation_controls_system_filepicker.md":"Cp1byn_4","documentation_faq_custom-font.md":"3FvTz3gh","documentation_getting-started_installation.md":"BGkOGXN5","documentation_getting-started_introduction.md":"C7P2kwsZ","documentation_getting-started_launch.md":"SDnswIiC","documentation_hosts_dialog.md":"DCHoz3_r","documentation_hosts_hosts.md":"CqO9D7Jh","documentation_hosts_toast.md":"9xC1dbU-","documentation_index.md":"DKuGNyZt","documentation_style_color.md":"BCo6u_r2","documentation_style_icon.md":"DjC2vRh-","documentation_style_text.md":"BaXRSajy","documentation_theming_basic.md":"CUCv0vqm","documentation_theming_theme-color.md":"Db-C0foH","documentation_theming_theme.md":"B5IOppXO","index.md":"DWZK2KlF","markdown-examples.md":"BB-hYbnM","zh_documentation_controls_data_busyarea.md":"BG9a8YPp","zh_documentation_controls_data_datagrid.md":"CmUGWqOd","zh_documentation_controls_data_expander.md":"BoWlT255","zh_documentation_controls_data_groupbox.md":"CmfmPpuY","zh_documentation_controls_data_listbox.md":"DvASlktq","zh_documentation_controls_data_treeview.md":"6plUxp5v","zh_documentation_controls_datetime_calendar.md":"D1diz33i","zh_documentation_controls_datetime_calendardatepicker.md":"DpcFLv4y","zh_documentation_controls_datetime_datepicker.md":"B_xzo91v","zh_documentation_controls_datetime_timepicker.md":"ykMnV9ve","zh_documentation_controls_inputs_autocompletebox.md":"B6D2FByw","zh_documentation_controls_inputs_button.md":"7Poaz6tu","zh_documentation_controls_inputs_checkbox.md":"Cf_gA-px","zh_documentation_controls_inputs_combobox.md":"bcuLBHA-","zh_documentation_controls_inputs_contextmenu.md":"CzggnY1z","zh_documentation_controls_inputs_dropdownbutton.md":"BbBcLxS2","zh_documentation_controls_inputs_numericupdown.md":"CODJO-4s","zh_documentation_controls_inputs_radiobutton.md":"BXHp-K7Y","zh_documentation_controls_inputs_slider.md":"DhhRGnyh","zh_documentation_controls_inputs_textbox.md":"C2BQuxrw","zh_documentation_controls_inputs_togglebutton.md":"CfPDcUql","zh_documentation_controls_inputs_toggleswitch.md":"uNQHmJaZ","zh_documentation_controls_layout_dock.md":"mg-Mq_jp","zh_documentation_controls_layout_glasscard.md":"CpcLtEv1","zh_documentation_controls_layout_settingslayout.md":"B9-qh1az","zh_documentation_controls_layout_sukiwindow.md":"BTyRICtX","zh_documentation_controls_navigation_sidemenu.md":"DsUF6Klo","zh_documentation_controls_navigation_stackpage.md":"UOQMW330","zh_documentation_controls_navigation_tabcontrol.md":"Dm_I1ecn","zh_documentation_controls_notification_infobadge.md":"CYB-8Lw8","zh_documentation_controls_notification_infobar.md":"Cu_kRU8K","zh_documentation_controls_progress_circleprogressbar.md":"C16keW9i","zh_documentation_controls_progress_loading.md":"DIoSdgnz","zh_documentation_controls_progress_progressbar.md":"Dwav7bBx","zh_documentation_controls_progress_stepper.md":"B8p93PmZ","zh_documentation_controls_progress_waveprogress.md":"C6QCQyu9","zh_documentation_controls_system_filepicker.md":"DzvNGmvC","zh_documentation_faq_custom-font.md":"C8__sOrN","zh_documentation_getting-started_installation.md":"D90qknIP","zh_documentation_getting-started_introduction.md":"RZfbCGKb","zh_documentation_getting-started_launch.md":"CKpUuq0m","zh_documentation_hosts_dialog.md":"Db3RG0h5","zh_documentation_hosts_hosts.md":"23QA2QDu","zh_documentation_hosts_toast.md":"DZJQWLJa","zh_documentation_index.md":"BJnTSKI9","zh_documentation_style_color.md":"qe0m7krY","zh_documentation_style_icon.md":"DuABnqCZ","zh_documentation_style_text.md":"DDQ6FfGq","zh_documentation_theming_basic.md":"CCSnN4Zk","zh_documentation_theming_theme-color.md":"DV-O-uC3","zh_documentation_theming_theme.md":"CokiFiib","zh_index.md":"Bb8-jd6r"}
diff --git a/index.html b/index.html
index de81ca499..ea8b7ccb8 100644
--- a/index.html
+++ b/index.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/index.md.DONymsuU.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/index.md.DWZK2KlF.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPHome" data-v-2fef6454 data-v-eb036f8b><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-eb036f8b data-v-a958191c><div class="container" data-v-a958191c><div class="main" data-v-a958191c><!--[--><!--]--><!--[--><h1 class="name" data-v-a958191c><span class="clip" data-v-a958191c>SukiUI</span></h1><p class="text" data-v-a958191c>A Desktop UI Library for Avalonia</p><p class="tagline" data-v-a958191c>Flat, Simple, Animated</p><!--]--><!--[--><!--]--><div class="actions" data-v-a958191c><!--[--><div class="action" data-v-a958191c><a class="VPButton medium brand" href="/SukiUI/documentation/getting-started/introduction.html" data-v-a958191c data-v-5a7f4a3b>🚀 Get Started</a></div><div class="action" data-v-a958191c><a class="VPButton medium alt" href="/SukiUI/documentation.html" data-v-a958191c data-v-5a7f4a3b>📄 Documentation</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-a958191c><div class="image-container" data-v-a958191c><div class="image-bg" data-v-a958191c></div><!--[--><!--[--><img class="VPImage image-src" src="./suki.webp" alt="SukiUILogo" data-v-161f3c50><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-eb036f8b data-v-b7d3055b><div class="container" data-v-b7d3055b><div class="items" data-v-b7d3055b><!--[--><div class="grid-3 item" data-v-b7d3055b><div class="VPLink no-icon VPFeature" data-v-b7d3055b data-v-592584e2><!--[--><article class="box" data-v-592584e2><!----><h2 class="title" data-v-592584e2>🔧 Flexible Theme Customization</h2><p class="details" data-v-592584e2>Support seamless switching themes and colors to align with your app's identity.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-b7d3055b><div class="VPLink no-icon VPFeature" data-v-b7d3055b data-v-592584e2><!--[--><article class="box" data-v-592584e2><!----><h2 class="title" data-v-592584e2>🎞️ Rich Animation</h2><p class="details" data-v-592584e2>Captivate users with dynamic, fluid animations that make interactions delightful.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-b7d3055b><div class="VPLink no-icon VPFeature" data-v-b7d3055b data-v-592584e2><!--[--><article class="box" data-v-592584e2><!----><h2 class="title" data-v-592584e2>🖥️ Desktop Cross-platform</h2><p class="details" data-v-592584e2>Based on AvaloniaUI, achieve broad compatibility with consistent performance on Windows, macOS, and Linux.</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-eb036f8b data-v-7c4645cc><!--[--><div style="position:relative;" data-v-eb036f8b><div></div></div><!--]--></div></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPHome" data-v-8e7e6814 data-v-1e13c00a><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-1e13c00a data-v-d5c7f06b><div class="container" data-v-d5c7f06b><div class="main" data-v-d5c7f06b><!--[--><!--]--><!--[--><h1 class="name" data-v-d5c7f06b><span class="clip" data-v-d5c7f06b>SukiUI</span></h1><p class="text" data-v-d5c7f06b>A Desktop UI Library for Avalonia</p><p class="tagline" data-v-d5c7f06b>Flat, Simple, Animated</p><!--]--><!--[--><!--]--><div class="actions" data-v-d5c7f06b><!--[--><div class="action" data-v-d5c7f06b><a class="VPButton medium brand" href="/SukiUI/documentation/getting-started/introduction.html" data-v-d5c7f06b data-v-ea2dae98>🚀 Get Started</a></div><div class="action" data-v-d5c7f06b><a class="VPButton medium alt" href="/SukiUI/documentation.html" data-v-d5c7f06b data-v-ea2dae98>📄 Documentation</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-d5c7f06b><div class="image-container" data-v-d5c7f06b><div class="image-bg" data-v-d5c7f06b></div><!--[--><!--[--><img class="VPImage image-src" src="./suki.webp" alt="SukiUILogo" data-v-b382c1b6><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-1e13c00a data-v-e3746425><div class="container" data-v-e3746425><div class="items" data-v-e3746425><!--[--><div class="grid-3 item" data-v-e3746425><div class="VPLink no-icon VPFeature" data-v-e3746425 data-v-b6a92bf3><!--[--><article class="box" data-v-b6a92bf3><!----><h2 class="title" data-v-b6a92bf3>🔧 Flexible Theme Customization</h2><p class="details" data-v-b6a92bf3>Support seamless switching themes and colors to align with your app's identity.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-e3746425><div class="VPLink no-icon VPFeature" data-v-e3746425 data-v-b6a92bf3><!--[--><article class="box" data-v-b6a92bf3><!----><h2 class="title" data-v-b6a92bf3>🎞️ Rich Animation</h2><p class="details" data-v-b6a92bf3>Captivate users with dynamic, fluid animations that make interactions delightful.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-e3746425><div class="VPLink no-icon VPFeature" data-v-e3746425 data-v-b6a92bf3><!--[--><article class="box" data-v-b6a92bf3><!----><h2 class="title" data-v-b6a92bf3>🖥️ Desktop Cross-platform</h2><p class="details" data-v-b6a92bf3>Based on AvaloniaUI, achieve broad compatibility with consistent performance on Windows, macOS, and Linux.</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-1e13c00a data-v-b4fdecfd><!--[--><div style="position:relative;" data-v-1e13c00a><div></div></div><!--]--></div></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/markdown-examples.html b/markdown-examples.html
index cea5b5964..444992d25 100644
--- a/markdown-examples.html
+++ b/markdown-examples.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Markdown Extension Examples | SukiUI</title>
     <meta name="description" content="A Desktop UI Library for Avalonia">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/markdown-examples.md.CQhwVfPS.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/markdown-examples.md.BB-hYbnM.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>English</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/markdown-examples.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>English</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/zh/markdown-examples.html" data-v-8a25db17><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Get Started</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Theming</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Controls</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Navigation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Layout</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Inputs</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Date & Time</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Progress</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Data Presentation</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>Notification</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>System</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Hosts</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>Style</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_markdown-examples" data-v-68f5ff40><div><h1 id="markdown-extension-examples" tabindex="-1">Markdown Extension Examples <a class="header-anchor" href="#markdown-extension-examples" aria-label="Permalink to &quot;Markdown Extension Examples&quot;">​</a></h1><p>This page demonstrates some of the built-in markdown extensions provided by VitePress.</p><h2 id="syntax-highlighting" tabindex="-1">Syntax Highlighting <a class="header-anchor" href="#syntax-highlighting" aria-label="Permalink to &quot;Syntax Highlighting&quot;">​</a></h2><p>VitePress provides Syntax Highlighting powered by <a href="https://github.com/shikijs/shiki" target="_blank" rel="noreferrer">Shiki</a>, with additional features like line-highlighting:</p><p><strong>Input</strong></p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```js{4}</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>Documentation</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>English</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/markdown-examples.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>English</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/zh/markdown-examples.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>简体中文</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Get Started</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Introduction</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Installation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Launch</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Theming</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Basic</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Light & Dark</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Controls</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Navigation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Layout</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Inputs</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Date & Time</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Progress</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Data Presentation</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>Notification</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>System</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Hosts</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>About Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Custom Font</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>Style</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_markdown-examples" data-v-faed6907><div><h1 id="markdown-extension-examples" tabindex="-1">Markdown Extension Examples <a class="header-anchor" href="#markdown-extension-examples" aria-label="Permalink to &quot;Markdown Extension Examples&quot;">​</a></h1><p>This page demonstrates some of the built-in markdown extensions provided by VitePress.</p><h2 id="syntax-highlighting" tabindex="-1">Syntax Highlighting <a class="header-anchor" href="#syntax-highlighting" aria-label="Permalink to &quot;Syntax Highlighting&quot;">​</a></h2><p>VitePress provides Syntax Highlighting powered by <a href="https://github.com/shikijs/shiki" target="_blank" rel="noreferrer">Shiki</a>, with additional features like line-highlighting:</p><p><strong>Input</strong></p><div class="language-md vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">md</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">```js{4}</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> default</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  data</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> () {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
@@ -50,8 +50,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">::: details</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">This is a details block.</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre></div><p><strong>Output</strong></p><div class="info custom-block"><p class="custom-block-title">INFO</p><p>This is an info box.</p></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>This is a tip.</p></div><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>This is a warning.</p></div><div class="danger custom-block"><p class="custom-block-title">DANGER</p><p>This is a dangerous warning.</p></div><details class="details custom-block"><summary>Details</summary><p>This is a details block.</p></details><h2 id="more" tabindex="-1">More <a class="header-anchor" href="#more" aria-label="Permalink to &quot;More&quot;">​</a></h2><p>Check out the documentation for the <a href="https://vitepress.dev/guide/markdown" target="_blank" rel="noreferrer">full list of markdown extensions</a>.</p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><!----></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/documentation/getting-started/introduction.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Introduction</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:::</span></span></code></pre></div><p><strong>Output</strong></p><div class="info custom-block"><p class="custom-block-title">INFO</p><p>This is an info box.</p></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>This is a tip.</p></div><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>This is a warning.</p></div><div class="danger custom-block"><p class="custom-block-title">DANGER</p><p>This is a dangerous warning.</p></div><details class="details custom-block"><summary>Details</summary><p>This is a details block.</p></details><h2 id="more" tabindex="-1">More <a class="header-anchor" href="#more" aria-label="Permalink to &quot;More&quot;">​</a></h2><p>Check out the documentation for the <a href="https://vitepress.dev/guide/markdown" target="_blank" rel="noreferrer">full list of markdown extensions</a>.</p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><!----></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/documentation/getting-started/introduction.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Introduction</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/data/busyarea.html b/zh/documentation/controls/data/busyarea.html
index 0720cb4a3..ec108c103 100644
--- a/zh/documentation/controls/data/busyarea.html
+++ b/zh/documentation/controls/data/busyarea.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>BusyArea | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_busyarea.md.JPV_jpax.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_busyarea.md.BG9a8YPp.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_busyarea" data-v-68f5ff40><div><h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/busyarea.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_busyarea" data-v-faed6907><div><h1 id="busyarea" tabindex="-1">BusyArea <a class="header-anchor" href="#busyarea" aria-label="Permalink to &quot;BusyArea&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/1755b97b-9c67-4761-bc77-5884cc5314f3" alt="busy"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BusyText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Busy...&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsBusy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsBusy}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      ...</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>GroupBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Expander</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:BusyArea</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>GroupBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Expander</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/data/datagrid.html b/zh/documentation/controls/data/datagrid.html
index 4dd60a258..23e091aad 100644
--- a/zh/documentation/controls/data/datagrid.html
+++ b/zh/documentation/controls/data/datagrid.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_datagrid.md.Ce7FR71a.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_datagrid.md.CmUGWqOd.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_datagrid" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ProgressBar</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ListBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/datagrid.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_datagrid" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ProgressBar</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ListBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/data/expander.html b/zh/documentation/controls/data/expander.html
index d659489e7..a98f629ab 100644
--- a/zh/documentation/controls/data/expander.html
+++ b/zh/documentation/controls/data/expander.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Expander | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/expander.BruAnsjt.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_expander.md.5zX4zXbX.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_expander.md.BoWlT255.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/expander.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/expander.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_expander" data-v-68f5ff40><div><h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> 是一个可以折叠/展开的内容容器，支持四种方向（上下左右）。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/data/expander.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/expander.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/expander.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_expander" data-v-faed6907><div><h1 id="expander" tabindex="-1">Expander <a class="header-anchor" href="#expander" aria-label="Permalink to &quot;Expander&quot;">​</a></h1><p><code>Expander</code> 是一个可以折叠/展开的内容容器，支持四种方向（上下左右）。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/data/expander.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Down Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Some Down Content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
@@ -33,8 +33,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ExpandDirection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Left&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Left Expander&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Some Left Content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ExpanderView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ExpanderView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>BusyArea</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>InfoBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Expander</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ExpanderView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ExpanderView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>BusyArea</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>InfoBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/data/groupbox.html b/zh/documentation/controls/data/groupbox.html
index 1d552ba8d..402d64c23 100644
--- a/zh/documentation/controls/data/groupbox.html
+++ b/zh/documentation/controls/data/groupbox.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>GroupBox | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_groupbox.md.CB2xvAW0.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_groupbox.md.CmfmPpuY.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_groupbox" data-v-68f5ff40><div><h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/groupbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_groupbox" data-v-faed6907><div><h1 id="groupbox" tabindex="-1">GroupBox <a class="header-anchor" href="#groupbox" aria-label="Permalink to &quot;GroupBox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/ac5271d4-b0e2-4123-8aee-cc0f3cb6f0a0" alt="groupbox"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Title&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ...</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>TreeView</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>BusyArea</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:GroupBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>TreeView</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>BusyArea</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/data/listbox.html b/zh/documentation/controls/data/listbox.html
index af44afd13..b0e4921eb 100644
--- a/zh/documentation/controls/data/listbox.html
+++ b/zh/documentation/controls/data/listbox.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Listbox | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_listbox.md.CafHmzRi.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_listbox.md.DvASlktq.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_listbox" data-v-68f5ff40><div><h1 id="listbox" tabindex="-1">Listbox <a class="header-anchor" href="#listbox" aria-label="Permalink to &quot;Listbox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150" alt="listbox"></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>DataGrid</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>TreeView</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/listbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_listbox" data-v-faed6907><div><h1 id="listbox" tabindex="-1">Listbox <a class="header-anchor" href="#listbox" aria-label="Permalink to &quot;Listbox&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/9d250497-2b37-4b2f-b2e5-0d77c7340150" alt="listbox"></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>DataGrid</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>TreeView</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/data/treeview.html b/zh/documentation/controls/data/treeview.html
index c5bccbdec..a438259d0 100644
--- a/zh/documentation/controls/data/treeview.html
+++ b/zh/documentation/controls/data/treeview.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Treeview | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_treeview.md.DUB2k8i4.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_data_treeview.md.6plUxp5v.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_treeview" data-v-68f5ff40><div><h1 id="treeview" tabindex="-1">Treeview <a class="header-anchor" href="#treeview" aria-label="Permalink to &quot;Treeview&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2" alt="tree"></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ListBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>GroupBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/data/treeview.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_data_treeview" data-v-faed6907><div><h1 id="treeview" tabindex="-1">Treeview <a class="header-anchor" href="#treeview" aria-label="Permalink to &quot;Treeview&quot;">​</a></h1><p><img src="https://github.com/user-attachments/assets/d076df54-00af-474b-8788-087de6305ff2" alt="tree"></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ListBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>GroupBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/datetime/calendar.html b/zh/documentation/controls/datetime/calendar.html
index ef793fe5b..eb95990b4 100644
--- a/zh/documentation/controls/datetime/calendar.html
+++ b/zh/documentation/controls/datetime/calendar.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Calendar | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/calendar.D7duGoVl.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_datetime_calendar.md.BOyj4QVR.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_datetime_calendar.md.D1diz33i.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_datetime_calendar" data-v-68f5ff40><div><h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>显示日期数据的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/datetime/calendar.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>AutoCompleteBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>DatePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/calendar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_datetime_calendar" data-v-faed6907><div><h1 id="calendar" tabindex="-1">Calendar <a class="header-anchor" href="#calendar" aria-label="Permalink to &quot;Calendar&quot;">​</a></h1><p>显示日期数据的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/datetime/calendar.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Calendar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>AutoCompleteBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>DatePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/datetime/calendardatepicker.html b/zh/documentation/controls/datetime/calendardatepicker.html
index 519d7914e..33ed6505a 100644
--- a/zh/documentation/controls/datetime/calendardatepicker.html
+++ b/zh/documentation/controls/datetime/calendardatepicker.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>CalendarDatePicker | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/calendardatepicker.IQCiRDLh.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_datetime_calendardatepicker.md.DBUVe7pc.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_datetime_calendardatepicker.md.DpcFLv4y.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_datetime_calendardatepicker" data-v-68f5ff40><div><h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/datetime/calendardatepicker.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>DatePicker</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>TimePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/calendardatepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_datetime_calendardatepicker" data-v-faed6907><div><h1 id="calendardatepicker" tabindex="-1">CalendarDatePicker <a class="header-anchor" href="#calendardatepicker" aria-label="Permalink to &quot;CalendarDatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/datetime/calendardatepicker.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CalendarDatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>DatePicker</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>TimePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/datetime/datepicker.html b/zh/documentation/controls/datetime/datepicker.html
index 64fd0fae0..0c8280f86 100644
--- a/zh/documentation/controls/datetime/datepicker.html
+++ b/zh/documentation/controls/datetime/datepicker.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>DatePicker | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/datepicker.Cm4boot_.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_datetime_datepicker.md.0zm9ZWz0.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_datetime_datepicker.md.B_xzo91v.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_datetime_datepicker" data-v-68f5ff40><div><h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/datetime/datepicker.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Calendar</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>CalendarDatePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/datepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_datetime_datepicker" data-v-faed6907><div><h1 id="datepicker" tabindex="-1">DatePicker <a class="header-anchor" href="#datepicker" aria-label="Permalink to &quot;DatePicker&quot;">​</a></h1><p>用于选择日期的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/datetime/datepicker.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DatePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedDate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedDateTimeOffset}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Calendar</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>CalendarDatePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/datetime/timepicker.html b/zh/documentation/controls/datetime/timepicker.html
index 3a8f5bd5b..9a5faa0b2 100644
--- a/zh/documentation/controls/datetime/timepicker.html
+++ b/zh/documentation/controls/datetime/timepicker.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>TimePicker | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/timepicker.BA49GX53.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_datetime_timepicker.md.Bah0FjGG.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_datetime_timepicker.md.ykMnV9ve.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_datetime_timepicker" data-v-68f5ff40><div><h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>选择一天中某一时分的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/datetime/timepicker.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>CalendarDatePicker</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>WaveProgress</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/datetime/timepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_datetime_timepicker" data-v-faed6907><div><h1 id="timepicker" tabindex="-1">TimePicker <a class="header-anchor" href="#timepicker" aria-label="Permalink to &quot;TimePicker&quot;">​</a></h1><p>选择一天中某一时分的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/datetime/timepicker.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TimePicker</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SelectedTime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding SelectedTime}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>CalendarDatePicker</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>WaveProgress</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/autocompletebox.html b/zh/documentation/controls/inputs/autocompletebox.html
index 1bb88c391..c6db46b9e 100644
--- a/zh/documentation/controls/inputs/autocompletebox.html
+++ b/zh/documentation/controls/inputs/autocompletebox.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>AutoCompleteBox | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/autocompletebox.ClT3kpWX.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_autocompletebox.md.BFd__Ph7.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_autocompletebox.md.B6D2FByw.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_autocompletebox" data-v-68f5ff40><div><h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>为 <code>TextBox</code> 添加补全功能，当你需要提示建议输入项时这将有用</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/autocompletebox.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/autocompletebox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_autocompletebox" data-v-faed6907><div><h1 id="autocompletebox" tabindex="-1">AutoCompleteBox <a class="header-anchor" href="#autocompletebox" aria-label="Permalink to &quot;AutoCompleteBox&quot;">​</a></h1><p>为 <code>TextBox</code> 添加补全功能，当你需要提示建议输入项时这将有用</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/autocompletebox.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox.ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Suggested strings --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;system:String&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
@@ -33,8 +33,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">system:String</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;China&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">system:String</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox.ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ContextMenu</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Calendar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">AutoCompleteBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ContextMenu</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Calendar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/button.html b/zh/documentation/controls/inputs/button.html
index d6d8389e3..839e9a2ea 100644
--- a/zh/documentation/controls/inputs/button.html
+++ b/zh/documentation/controls/inputs/button.html
@@ -5,28 +5,28 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Button | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/button-busy.DgCdjOX4.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_button.md.XKQsobUf.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_button.md.7Poaz6tu.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_button" data-v-68f5ff40><div><h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI 提供了多种样式的按钮，并支持添加主题色</p><h2 id="样式" tabindex="-1">样式 <a class="header-anchor" href="#样式" aria-label="Permalink to &quot;样式&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-状态" tabindex="-1">Busy/Loading 状态 <a class="header-anchor" href="#busy-loading-状态" aria-label="Permalink to &quot;Busy/Loading 状态&quot;">​</a></h2><img src="/SukiUI/controls/inputs/button-busy.gif" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/button.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_button" data-v-faed6907><div><h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>SukiUI 提供了多种样式的按钮，并支持添加主题色</p><h2 id="样式" tabindex="-1">样式 <a class="header-anchor" href="#样式" aria-label="Permalink to &quot;样式&quot;">​</a></h2><h3 id="standard" tabindex="-1">Standard <a class="header-anchor" href="#standard" aria-label="Permalink to &quot;Standard&quot;">​</a></h3><img src="https://sleekshot.app/api/download/wWleWLZYWqR6" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat" tabindex="-1">Flat <a class="header-anchor" href="#flat" aria-label="Permalink to &quot;Flat&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tYN4eE9SLoot" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="rounded" tabindex="-1">Rounded <a class="header-anchor" href="#rounded" aria-label="Permalink to &quot;Rounded&quot;">​</a></h3><img src="https://sleekshot.app/api/download/zKfpsqmZzaHV" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Rounded&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="outlined" tabindex="-1">Outlined <a class="header-anchor" href="#outlined" aria-label="Permalink to &quot;Outlined&quot;">​</a></h3><img src="https://sleekshot.app/api/download/uVA8CTxZ989L" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Outlined&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="basic" tabindex="-1">Basic <a class="header-anchor" href="#basic" aria-label="Permalink to &quot;Basic&quot;">​</a></h3><img src="https://sleekshot.app/api/download/KTKtsjlVKsth" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Basic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="flat-accent" tabindex="-1">Flat Accent <a class="header-anchor" href="#flat-accent" aria-label="Permalink to &quot;Flat Accent&quot;">​</a></h3><img src="https://sleekshot.app/api/download/vGFvTPZG1E8i" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Accent&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="large" tabindex="-1">Large <a class="header-anchor" href="#large" aria-label="Permalink to &quot;Large&quot;">​</a></h3><img src="https://sleekshot.app/api/download/LiWhO4edwZi3" width="200px"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Button&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Flat Large&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="busy-loading-状态" tabindex="-1">Busy/Loading 状态 <a class="header-anchor" href="#busy-loading-状态" aria-label="Permalink to &quot;Busy/Loading 状态&quot;">​</a></h2><img src="/SukiUI/controls/inputs/button-busy.gif" width="300px"><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">xmlns:theme=&quot;clr-namespace:SukiUI.Theme;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">...</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:ButtonExtensions.ShowProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="c" tabindex="-1">C# <a class="header-anchor" href="#c" aria-label="Permalink to &quot;C#&quot;">​</a></h3><div class="language-Csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">Csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">   MyButton.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ShowProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">   MyButton.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">HideProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Dock</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>DropDownButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">   MyButton.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">HideProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Dock</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>DropDownButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/checkbox.html b/zh/documentation/controls/inputs/checkbox.html
index 23274b021..76e9e23a8 100644
--- a/zh/documentation/controls/inputs/checkbox.html
+++ b/zh/documentation/controls/inputs/checkbox.html
@@ -5,24 +5,24 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>CheckBox | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/checkbox.B6FJyu2j.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_checkbox.md.Cv-JER6D.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_checkbox.md.Cf_gA-px.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_checkbox" data-v-68f5ff40><div><h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>收集用户多项选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/checkbox.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/checkbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_checkbox" data-v-faed6907><div><h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><p>收集用户多项选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/checkbox.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Two&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsThreeState</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Three&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>TextBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>RadioButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">CheckBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsThreeState</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option Three&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>TextBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>RadioButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/combobox.html b/zh/documentation/controls/inputs/combobox.html
index 92d22ec46..321825e04 100644
--- a/zh/documentation/controls/inputs/combobox.html
+++ b/zh/documentation/controls/inputs/combobox.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Combobox | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/combobox.mwtSjJ7E.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_combobox.md.DwfCH1MW.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_combobox.md.bcuLBHA-.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_combobox" data-v-68f5ff40><div><h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>从一个数据集中选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/combobox.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">          SelectedItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Slider</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>NumericUpDown</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/combobox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_combobox" data-v-faed6907><div><h1 id="combobox" tabindex="-1">Combobox <a class="header-anchor" href="#combobox" aria-label="Permalink to &quot;Combobox&quot;">​</a></h1><p>从一个数据集中选择的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/combobox.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ComboBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ItemsSource</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">          SelectedItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CollectionsView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Slider</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>NumericUpDown</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/contextmenu.html b/zh/documentation/controls/inputs/contextmenu.html
index 106ecfafd..a2be0f2d1 100644
--- a/zh/documentation/controls/inputs/contextmenu.html
+++ b/zh/documentation/controls/inputs/contextmenu.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>ContextMenu | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/contextmenus.mhIenPP8.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_contextmenu.md.BG0XlUvm.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_contextmenu.md.CzggnY1z.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_contextmenu" data-v-68f5ff40><div><h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>为控件添加一个右键触发的上下文菜单</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/contextmenus.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/contextmenu.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_contextmenu" data-v-faed6907><div><h1 id="contextmenu" tabindex="-1">ContextMenu <a class="header-anchor" href="#contextmenu" aria-label="Permalink to &quot;ContextMenu&quot;">​</a></h1><p>为控件添加一个右键触发的上下文菜单</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/contextmenus.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard.ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">MenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Command</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span></span>
@@ -53,8 +53,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">MenuItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard.ContextMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ContextMenusView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ContextMenusView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>RadioButton</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>AutoCompleteBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ContextMenusView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ContextMenusView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>RadioButton</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>AutoCompleteBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/dropdownbutton.html b/zh/documentation/controls/inputs/dropdownbutton.html
index 87784dd69..0cb06521f 100644
--- a/zh/documentation/controls/inputs/dropdownbutton.html
+++ b/zh/documentation/controls/inputs/dropdownbutton.html
@@ -5,28 +5,28 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>DropDownButton | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/dropdownbutton.B353NmAm.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_dropdownbutton.md.Bn_p4TaM.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_dropdownbutton.md.BbBcLxS2.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_dropdownbutton" data-v-68f5ff40><div><h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>点击<code>DropDownButton</code>后，将会弹出自定义的内容</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/dropdownbutton.webp" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/dropdownbutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_dropdownbutton" data-v-faed6907><div><h1 id="dropdownbutton" tabindex="-1">DropDownButton <a class="header-anchor" href="#dropdownbutton" aria-label="Permalink to &quot;DropDownButton&quot;">​</a></h1><p>点击<code>DropDownButton</code>后，将会弹出自定义的内容</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/dropdownbutton.webp" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Click To Open&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton.Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">            &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton.Flyout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Button</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ToggleSwitch</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">DropDownButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Button</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ToggleSwitch</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/numericupdown.html b/zh/documentation/controls/inputs/numericupdown.html
index 9ea3eda13..5f750dae8 100644
--- a/zh/documentation/controls/inputs/numericupdown.html
+++ b/zh/documentation/controls/inputs/numericupdown.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>NumericUpDown | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_numericupdown.md.ChiTpxKH.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_numericupdown.md.CODJO-4s.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_numericupdown" data-v-68f5ff40><div><h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>数字输入控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ComboBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>TextBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/numericupdown.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_numericupdown" data-v-faed6907><div><h1 id="numericupdown" tabindex="-1">NumericUpDown <a class="header-anchor" href="#numericupdown" aria-label="Permalink to &quot;NumericUpDown&quot;">​</a></h1><p>数字输入控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/nzfzrV8DgYEh"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="extension" tabindex="-1">Extension <a class="header-anchor" href="#extension" aria-label="Permalink to &quot;Extension&quot;">​</a></h3><img src="https://sleekshot.app/api/download/qeEBVOXYPPC2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="no-spinner" tabindex="-1">No Spinner <a class="header-anchor" href="#no-spinner" aria-label="Permalink to &quot;No Spinner&quot;">​</a></h3><img src="https://sleekshot.app/api/download/4a9VFYrRaGb2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">NumericUpDown</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:NumericUpDownExtensions.Unit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;inch&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowButtonSpinner</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;False&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/MiscView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ComboBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>TextBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/radiobutton.html b/zh/documentation/controls/inputs/radiobutton.html
index aa4375906..f14dd5943 100644
--- a/zh/documentation/controls/inputs/radiobutton.html
+++ b/zh/documentation/controls/inputs/radiobutton.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>RadioButton | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_radiobutton.md.xAHIgk_a.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_radiobutton.md.BXHp-K7Y.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_radiobutton" data-v-68f5ff40><div><h1 id="radiobutton" tabindex="-1">RadioButton <a class="header-anchor" href="#radiobutton" aria-label="Permalink to &quot;RadioButton&quot;">​</a></h1><p>收集用户单项选择的控件</p><h2 id="base" tabindex="-1">Base <a class="header-anchor" href="#base" aria-label="Permalink to &quot;Base&quot;">​</a></h2><p 3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3=""><img src="https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9" alt="{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/radiobutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_radiobutton" data-v-faed6907><div><h1 id="radiobutton" tabindex="-1">RadioButton <a class="header-anchor" href="#radiobutton" aria-label="Permalink to &quot;RadioButton&quot;">​</a></h1><p>收集用户单项选择的控件</p><h2 id="base" tabindex="-1">Base <a class="header-anchor" href="#base" aria-label="Permalink to &quot;Base&quot;">​</a></h2><p 3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3=""><img src="https://github.com/user-attachments/assets/3157a435-10dd-4d84-ac91-e83739023ee9" alt="{3562E3E6-C5A7-4D5C-BB1A-BF95347A6AA3}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             GroupName</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;A&quot;</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="chips" tabindex="-1">Chips <a class="header-anchor" href="#chips" aria-label="Permalink to &quot;Chips&quot;">​</a></h2><p 6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA=""><img src="https://github.com/user-attachments/assets/7d573d74-65b0-4379-a4b7-2830bfd381cf" alt="{6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Chips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="gigachips" tabindex="-1">GigaChips <a class="header-anchor" href="#gigachips" aria-label="Permalink to &quot;GigaChips&quot;">​</a></h2><p 466C440E-25EE-4CF1-985F-EC8105043D22=""><img src="https://github.com/user-attachments/assets/aea0e668-c02c-432c-9f3f-e8621e726444" alt="{466C440E-25EE-4CF1-985F-EC8105043D22}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;GigaChips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>CheckBox</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ContextMenu</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="chips" tabindex="-1">Chips <a class="header-anchor" href="#chips" aria-label="Permalink to &quot;Chips&quot;">​</a></h2><p 6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA=""><img src="https://github.com/user-attachments/assets/7d573d74-65b0-4379-a4b7-2830bfd381cf" alt="{6BB65B0C-C0E8-4F6E-ADC0-EB29FFDD93DA}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Chips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="gigachips" tabindex="-1">GigaChips <a class="header-anchor" href="#gigachips" aria-label="Permalink to &quot;GigaChips&quot;">​</a></h2><p 466C440E-25EE-4CF1-985F-EC8105043D22=""><img src="https://github.com/user-attachments/assets/aea0e668-c02c-432c-9f3f-e8621e726444" alt="{466C440E-25EE-4CF1-985F-EC8105043D22}"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">RadioButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;GigaChips&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Option One&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>CheckBox</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ContextMenu</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/slider.html b/zh/documentation/controls/inputs/slider.html
index f127db72e..d51fbeded 100644
--- a/zh/documentation/controls/inputs/slider.html
+++ b/zh/documentation/controls/inputs/slider.html
@@ -5,25 +5,25 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Slider | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_slider.md.BNPGKqMy.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_slider.md.DhhRGnyh.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_slider" data-v-68f5ff40><div><h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>展示值和范围的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/slider.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_slider" data-v-faed6907><div><h1 id="slider" tabindex="-1">Slider <a class="header-anchor" href="#slider" aria-label="Permalink to &quot;Slider&quot;">​</a></h1><p>展示值和范围的控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/80afe350-0032-41a8-b81c-5ff7acddf1e2" alt="slider"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Slider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSnapToTickEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Maximum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Minimum</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        TickFrequency</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1&quot;</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/cc73e0ddc894cc6b0ae3e73d44eb19e4d3328043/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml#L45C16-L45C17" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ToggleButton</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ComboBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/cc73e0ddc894cc6b0ae3e73d44eb19e4d3328043/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml#L45C16-L45C17" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ToggleButton</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ComboBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/textbox.html b/zh/documentation/controls/inputs/textbox.html
index 95126c7c7..afc5fb9c4 100644
--- a/zh/documentation/controls/inputs/textbox.html
+++ b/zh/documentation/controls/inputs/textbox.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>TextBox | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_textbox.md.Cfeha2fY.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_textbox.md.C2BQuxrw.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_textbox" data-v-68f5ff40><div><h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>收集用户提供的信息的基础控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>NumericUpDown</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>CheckBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/textbox.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_textbox" data-v-faed6907><div><h1 id="textbox" tabindex="-1">TextBox <a class="header-anchor" href="#textbox" aria-label="Permalink to &quot;TextBox&quot;">​</a></h1><p>收集用户提供的信息的基础控件</p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><h3 id="simple" tabindex="-1">Simple <a class="header-anchor" href="#simple" aria-label="Permalink to &quot;Simple&quot;">​</a></h3><img src="https://sleekshot.app/api/download/8nnHYLrgchCe"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="clear-button" tabindex="-1">Clear Button <a class="header-anchor" href="#clear-button" aria-label="Permalink to &quot;Clear Button&quot;">​</a></h3><img src="https://sleekshot.app/api/download/tNkEf1yb0lml"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.AddDeleteButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="prefix" tabindex="-1">Prefix <a class="header-anchor" href="#prefix" aria-label="Permalink to &quot;Prefix&quot;">​</a></h3><img src="https://sleekshot.app/api/download/354ntrKtfvXo"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme:TextBoxExtensions.Prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;www.google.com&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="watermark" tabindex="-1">Watermark <a class="header-anchor" href="#watermark" aria-label="Permalink to &quot;Watermark&quot;">​</a></h3><img src="https://sleekshot.app/api/download/Y3odALgSfPCT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Watermark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Watermark&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Dashboard/DashboardView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Dashboard/DashboardView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>NumericUpDown</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>CheckBox</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/togglebutton.html b/zh/documentation/controls/inputs/togglebutton.html
index 8595860ee..787539f41 100644
--- a/zh/documentation/controls/inputs/togglebutton.html
+++ b/zh/documentation/controls/inputs/togglebutton.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>ToggleButton | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/togglebutton.Ba5AT4-L.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_togglebutton.md.CC8i7Sep.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_togglebutton.md.CfPDcUql.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_togglebutton" data-v-68f5ff40><div><h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/togglebutton.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>ToggleSwitch</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Slider</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/togglebutton.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_togglebutton" data-v-faed6907><div><h1 id="togglebutton" tabindex="-1">ToggleButton <a class="header-anchor" href="#togglebutton" aria-label="Permalink to &quot;ToggleButton&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/inputs/togglebutton.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Toggle Me&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>ToggleSwitch</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Slider</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/inputs/toggleswitch.html b/zh/documentation/controls/inputs/toggleswitch.html
index cb5f128a7..2b0c595b0 100644
--- a/zh/documentation/controls/inputs/toggleswitch.html
+++ b/zh/documentation/controls/inputs/toggleswitch.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>ToggleSwitch | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_toggleswitch.md.C7fZqFHF.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_inputs_toggleswitch.md.uNQHmJaZ.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_toggleswitch" data-v-68f5ff40><div><h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>DropDownButton</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ToggleButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/inputs/toggleswitch.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_inputs_toggleswitch" data-v-faed6907><div><h1 id="toggleswitch" tabindex="-1">ToggleSwitch <a class="header-anchor" href="#toggleswitch" aria-label="Permalink to &quot;ToggleSwitch&quot;">​</a></h1><p>在两种状态间切换</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><p><img src="https://github.com/user-attachments/assets/9fe52016-a002-4b4d-ad98-a3e2157a498c" alt="tgs"></p><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ToggleSwitch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsChecked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TogglesView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>DropDownButton</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ToggleButton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/layout/dock.html b/zh/documentation/controls/layout/dock.html
index 749b94035..05be00890 100644
--- a/zh/documentation/controls/layout/dock.html
+++ b/zh/documentation/controls/layout/dock.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Dock | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_layout_dock.md.BCQUnrZs.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_layout_dock.md.mg-Mq_jp.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_layout_dock" data-v-68f5ff40><div><h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>SukiUI 在社区讨论后决定使用并定制 <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> 库</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="安装-sukiui-dock-包" tabindex="-1">安装 SukiUI.Dock 包 <a class="header-anchor" href="#安装-sukiui-dock-包" aria-label="Permalink to &quot;安装 SukiUI.Dock 包&quot;">​</a></h2><p F7E52AB9-7A5A-4007-9CBC-8258079C1F78=""><img src="https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f" alt="{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"></p><h2 id="在-app-axaml-添加引用" tabindex="-1">在 App.axaml 添加引用 <a class="header-anchor" href="#在-app-axaml-添加引用" aria-label="Permalink to &quot;在 App.axaml 添加引用&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>之后就可以使用 SukiUI 风格的 Dock 库</p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>SukiWindow</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Button</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/layout/dock.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_layout_dock" data-v-faed6907><div><h1 id="dock" tabindex="-1">Dock <a class="header-anchor" href="#dock" aria-label="Permalink to &quot;Dock&quot;">​</a></h1><p>SukiUI 在社区讨论后决定使用并定制 <a href="https://github.com/wieslawsoltes/Dock" target="_blank" rel="noreferrer">Dock</a> 库</p><p><img src="https://github.com/user-attachments/assets/ef7ec55f-f13c-4214-b5ce-ad5ef3042868" alt="dock"></p><h2 id="安装-sukiui-dock-包" tabindex="-1">安装 SukiUI.Dock 包 <a class="header-anchor" href="#安装-sukiui-dock-包" aria-label="Permalink to &quot;安装 SukiUI.Dock 包&quot;">​</a></h2><p F7E52AB9-7A5A-4007-9CBC-8258079C1F78=""><img src="https://github.com/user-attachments/assets/4fac741b-55da-41f8-90cf-bd47809f8e9f" alt="{F7E52AB9-7A5A-4007-9CBC-8258079C1F78}"></p><h2 id="在-app-axaml-添加引用" tabindex="-1">在 App.axaml 添加引用 <a class="header-anchor" href="#在-app-axaml-添加引用" aria-label="Permalink to &quot;在 App.axaml 添加引用&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">StyleInclude</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Source</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;avares://SukiUI.Dock/Index.axaml&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p>之后就可以使用 SukiUI 风格的 Dock 库</p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>SukiWindow</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Button</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/layout/glasscard.html b/zh/documentation/controls/layout/glasscard.html
index 6b9da7b6c..45e9201b5 100644
--- a/zh/documentation/controls/layout/glasscard.html
+++ b/zh/documentation/controls/layout/glasscard.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Glass Card | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_layout_glasscard.md.Bzn2L207.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_layout_glasscard.md.CpcLtEv1.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_layout_glasscard" data-v-68f5ff40><div><h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>一个简单的卡片式控件，可以往里面塞各种内容</p><h2 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/layout/glasscard.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_layout_glasscard" data-v-faed6907><div><h1 id="glass-card" tabindex="-1">Glass Card <a class="header-anchor" href="#glass-card" aria-label="Permalink to &quot;Glass Card&quot;">​</a></h1><p>一个简单的卡片式控件，可以往里面塞各种内容</p><h2 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/GfUS8bUZT6TQ"><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><img src="https://sleekshot.app/api/download/M1xlZe6nmF72"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="其他样式" tabindex="-1">其他样式 <a class="header-anchor" href="#其他样式" aria-label="Permalink to &quot;其他样式&quot;">​</a></h2><h3 id="primary" tabindex="-1">Primary <a class="header-anchor" href="#primary" aria-label="Permalink to &quot;Primary&quot;">​</a></h3><img src="https://sleekshot.app/api/download/DC48QzG5R1XT"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
@@ -28,8 +28,8 @@
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="可交互" tabindex="-1">可交互 <a class="header-anchor" href="#可交互" aria-label="Permalink to &quot;可交互&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/0a1ba6ac-b3e0-4eb6-ad7e-f782820a0506" alt="interactive"></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsInteractive</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="动画" tabindex="-1">动画 <a class="header-anchor" href="#动画" aria-label="Permalink to &quot;动画&quot;">​</a></h2><p>通过将 <code>GlassCard</code> 在 <code>CompositionAnimations</code> 的 <code>IsAnimated</code> 属性设为 <code>True</code> 以启用动画 (默认启用)，这样 <code>GlassCard</code> 就能让其 <code>Opacity</code> 和 <code>Size</code> 的更改带有过渡效果。</p><p><img src="https://github.com/user-attachments/assets/b38d4ec2-067a-443c-ac20-65a2f6302920" alt="animated"></p><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/GlassMorphism/GlassCard.axaml.cs" target="_blank" rel="noreferrer">API: Controls/GlassMorphism/GlassCard.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>TabControl</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>SettingsLayout</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">GlassCard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="动画" tabindex="-1">动画 <a class="header-anchor" href="#动画" aria-label="Permalink to &quot;动画&quot;">​</a></h2><p>通过将 <code>GlassCard</code> 在 <code>CompositionAnimations</code> 的 <code>IsAnimated</code> 属性设为 <code>True</code> 以启用动画 (默认启用)，这样 <code>GlassCard</code> 就能让其 <code>Opacity</code> 和 <code>Size</code> 的更改带有过渡效果。</p><p><img src="https://github.com/user-attachments/assets/b38d4ec2-067a-443c-ac20-65a2f6302920" alt="animated"></p><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/GlassMorphism/GlassCard.axaml.cs" target="_blank" rel="noreferrer">API: Controls/GlassMorphism/GlassCard.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>TabControl</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>SettingsLayout</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/layout/settingslayout.html b/zh/documentation/controls/layout/settingslayout.html
index 3edc83de2..87e85470a 100644
--- a/zh/documentation/controls/layout/settingslayout.html
+++ b/zh/documentation/controls/layout/settingslayout.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Settings Layout | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/settingslayout.B4Ub7kgI.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_layout_settingslayout.md.C6kJ92In.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_layout_settingslayout.md.B9-qh1az.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_layout_settingslayout" data-v-68f5ff40><div><h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>可以通过 <code>SettingsLayout</code> 方便地呈现 App 的设置页。同时，它也会随着窗口宽度的变化而更新。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/layout/settingslayout.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/layout/settingslayout.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_layout_settingslayout" data-v-faed6907><div><h1 id="settings-layout" tabindex="-1">Settings Layout <a class="header-anchor" href="#settings-layout" aria-label="Permalink to &quot;Settings Layout&quot;">​</a></h1><p>可以通过 <code>SettingsLayout</code> 方便地呈现 App 的设置页。同时，它也会随着窗口宽度的变化而更新。</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/layout/settingslayout.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> x:TypeArguments</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;suki:SettingsLayoutItem&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayoutItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Settings Part1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
@@ -41,8 +41,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayoutItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">objectModel:ObservableCollection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Theming/ThemingView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Theming/ThemingView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SettingsLayout.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SettingsLayout.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>GlassCard</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>SukiWindow</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SettingsLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/Theming/ThemingView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/Theming/ThemingView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SettingsLayout.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SettingsLayout.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>GlassCard</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>SukiWindow</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/layout/sukiwindow.html b/zh/documentation/controls/layout/sukiwindow.html
index 03a977ae4..3312aaee5 100644
--- a/zh/documentation/controls/layout/sukiwindow.html
+++ b/zh/documentation/controls/layout/sukiwindow.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiWindow | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_layout_sukiwindow.md.FFCyOaWX.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_layout_sukiwindow.md.BTyRICtX.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_layout_sukiwindow" data-v-68f5ff40><div><h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>在 SukiUI 中, <code>SukiWindow</code> 代替 <code>Window</code> 成为构建 App 的基础</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="背景样式" tabindex="-1">背景样式 <a class="header-anchor" href="#背景样式" aria-label="Permalink to &quot;背景样式&quot;">​</a></h2><p>SukiUI 允许你在三种不同的背景选项之间进行选择，分别是“气泡”（Bubble），即玻璃拟态设计；以及经典的“平面”（Flat）背景。</p><p>需要注意的是，背景会根据你的主题颜色（此处为蓝色）动态生成。</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/layout/sukiwindow.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_layout_sukiwindow" data-v-faed6907><div><h1 id="sukiwindow" tabindex="-1">SukiWindow <a class="header-anchor" href="#sukiwindow" aria-label="Permalink to &quot;SukiWindow&quot;">​</a></h1><p>在 SukiUI 中, <code>SukiWindow</code> 代替 <code>Window</code> 成为构建 App 的基础</p><p><img src="https://github.com/user-attachments/assets/9be7f60b-d694-42dd-86ff-490ea80a3347" alt="SukiWindow"></p><h2 id="背景样式" tabindex="-1">背景样式 <a class="header-anchor" href="#背景样式" aria-label="Permalink to &quot;背景样式&quot;">​</a></h2><p>SukiUI 允许你在三种不同的背景选项之间进行选择，分别是“气泡”（Bubble），即玻璃拟态设计；以及经典的“平面”（Flat）背景。</p><p>需要注意的是，背景会根据你的主题颜色（此处为蓝色）动态生成。</p><h2 id="bubble" tabindex="-1">Bubble <a class="header-anchor" href="#bubble" aria-label="Permalink to &quot;Bubble&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Bubble&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h4 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="sukiwindow - dark"></p><h4 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h4><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="sukiwindow - light"></p><h2 id="gradient" tabindex="-1">Gradient <a class="header-anchor" href="#gradient" aria-label="Permalink to &quot;Gradient&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BackgroundStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Gradient&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    &lt;!-- 内容 --&gt;</span></span>
@@ -32,8 +32,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.MenuItems</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h3 id="添加标题栏右侧控件" tabindex="-1">添加标题栏右侧控件 <a class="header-anchor" href="#添加标题栏右侧控件" aria-label="Permalink to &quot;添加标题栏右侧控件&quot;">​</a></h3><img src="https://sleekshot.app/api/download/aLrqQYoOd9N2"><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.RightWindowTitleBarControls</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- 显示在标题栏右侧的控件 --&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.RightWindowTitleBarControls</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/SukiUIDemoView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/SukiUIDemoView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiWindow.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiWindow.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>SettingsLayout</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Dock</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.RightWindowTitleBarControls</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/SukiUIDemoView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/SukiUIDemoView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiWindow.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiWindow.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>SettingsLayout</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Dock</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/navigation/sidemenu.html b/zh/documentation/controls/navigation/sidemenu.html
index 57962cc2c..72c105b4f 100644
--- a/zh/documentation/controls/navigation/sidemenu.html
+++ b/zh/documentation/controls/navigation/sidemenu.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiSideMenu | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/sukisidemenu.CMrCrOEo.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_navigation_sidemenu.md.CiXRidFD.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_navigation_sidemenu.md.DsUF6Klo.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_navigation_sidemenu" data-v-68f5ff40><div><h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> 是 SukiUI 主要的导航控件，类似其他库中的 <code>NavigationView</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/navigation/sukisidemenu.webp" height="200px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/sidemenu.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_navigation_sidemenu" data-v-faed6907><div><h1 id="sukisidemenu" tabindex="-1">SukiSideMenu <a class="header-anchor" href="#sukisidemenu" aria-label="Permalink to &quot;SukiSideMenu&quot;">​</a></h1><p><code>SukiSideMenu</code> 是 SukiUI 主要的导航控件，类似其他库中的 <code>NavigationView</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/navigation/sukisidemenu.webp" height="200px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsSearchEnabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu.Items</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Page Title&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Compact&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenuItem.Icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
@@ -41,8 +41,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu.FooterContent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Footer Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu.FooterContent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/SukiUIDemoView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/SukiUIDemoView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiSideMenu.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiSideMenu.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>主题色</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>StackPage</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiSideMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/SukiUIDemoView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/SukiUIDemoView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiSideMenu.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiSideMenu.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>主题色</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>StackPage</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/navigation/stackpage.html b/zh/documentation/controls/navigation/stackpage.html
index e8ae8b74f..c66fefd17 100644
--- a/zh/documentation/controls/navigation/stackpage.html
+++ b/zh/documentation/controls/navigation/stackpage.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Stack Page | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/stackpage.BHns5mvs.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_navigation_stackpage.md.BcR77MkM.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_navigation_stackpage.md.UOQMW330.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_navigation_stackpage" data-v-68f5ff40><div><h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> 内包含多个 <code>Content</code>，其数量可以设限</p><p>在标题栏上点击任何一个标题都可以跳转至该页面</p><p><code>StackPage</code> 也可以跳转到已存在的 <code>Content</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/layout/stackpage.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>SideMenu</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>TabControl</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/stackpage.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_navigation_stackpage" data-v-faed6907><div><h1 id="stack-page" tabindex="-1">Stack Page <a class="header-anchor" href="#stack-page" aria-label="Permalink to &quot;Stack Page&quot;">​</a></h1><p><code>StackPage</code> 内包含多个 <code>Content</code>，其数量可以设限</p><p>在标题栏上点击任何一个标题都可以跳转至该页面</p><p><code>StackPage</code> 也可以跳转到已存在的 <code>Content</code></p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/layout/stackpage.gif"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">controls:SukiStackPage</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding CurrentPage}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Limit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/StackPage/StackPageView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/SukiStackPage.axaml.cs" target="_blank" rel="noreferrer">API: Controls/SukiStackPage.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>SideMenu</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>TabControl</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/navigation/tabcontrol.html b/zh/documentation/controls/navigation/tabcontrol.html
index b68d97eaf..a9f98220b 100644
--- a/zh/documentation/controls/navigation/tabcontrol.html
+++ b/zh/documentation/controls/navigation/tabcontrol.html
@@ -5,29 +5,29 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Tab Control | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/tabcontrol.WzHjHu9v.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_navigation_tabcontrol.md.DAmogSU3.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_navigation_tabcontrol.md.Dm_I1ecn.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_navigation_tabcontrol" data-v-68f5ff40><div><h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> 可以通过切换 <code>TabItem</code> 以展现多种内容</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> 属性是可用的</p></div><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/layout/tabcontrol.webp"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/navigation/tabcontrol.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_navigation_tabcontrol" data-v-faed6907><div><h1 id="tab-control" tabindex="-1">Tab Control <a class="header-anchor" href="#tab-control" aria-label="Permalink to &quot;Tab Control&quot;">​</a></h1><p><code>TabControl</code> 可以通过切换 <code>TabItem</code> 以展现多种内容</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p><code>TabStripPlacement</code> 属性是可用的</p></div><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/layout/tabcontrol.webp"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Tab 1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Header</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Tab 2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Content --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>StackPage</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>GlassCard</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TabControl</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/TabControl/TabControlView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>StackPage</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>GlassCard</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/notification/infobadge.html b/zh/documentation/controls/notification/infobadge.html
index 8887903e7..693c0dd93 100644
--- a/zh/documentation/controls/notification/infobadge.html
+++ b/zh/documentation/controls/notification/infobadge.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_notification_infobadge.md.B_ZhYMvj.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_notification_infobadge.md.CYB-8Lw8.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_notification_infobadge" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>InfoBar</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>FilePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/notification/infobadge.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_notification_infobadge" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>InfoBar</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>FilePicker</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/notification/infobar.html b/zh/documentation/controls/notification/infobar.html
index 1283cc489..f37b0e09f 100644
--- a/zh/documentation/controls/notification/infobar.html
+++ b/zh/documentation/controls/notification/infobar.html
@@ -5,28 +5,28 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>InfoBar | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/infobar.BS8Y9_St.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_notification_infobar.md.BvOuD2pm.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_notification_infobar.md.Cu_kRU8K.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_notification_infobar" data-v-68f5ff40><div><h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> 是一个提醒控件，用于向用户传达特定严重程度的信息</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/notification/infobar.gif" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/notification/infobar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_notification_infobar" data-v-faed6907><div><h1 id="infobar" tabindex="-1">InfoBar <a class="header-anchor" href="#infobar" aria-label="Permalink to &quot;InfoBar&quot;">​</a></h1><p><code>InfoBar</code> 是一个提醒控件，用于向用户传达特定严重程度的信息</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/notification/infobar.gif" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:InfoBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Title</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Info&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsOpaque</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsOpaque}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsClosable</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsClosable}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsOpen</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsOpen, Mode=TwoWay}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Severity</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Warning&quot;</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Message</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello World!&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p><code>Severity</code> 的值:</p><ul><li>Information</li><li>Success</li><li>Warning</li><li>Error</li></ul><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/InfoBarView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/InfoBarView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/InfoBar.axaml.cs" target="_blank" rel="noreferrer">API: Controls/InfoBar.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Expander</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>InfoBadge</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Message</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Hello World!&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><p><code>Severity</code> 的值:</p><ul><li>Information</li><li>Success</li><li>Warning</li><li>Error</li></ul><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/InfoBarView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/InfoBarView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/InfoBar.axaml.cs" target="_blank" rel="noreferrer">API: Controls/InfoBar.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Expander</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>InfoBadge</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/progress/circleprogressbar.html b/zh/documentation/controls/progress/circleprogressbar.html
index 8b6da8fa8..c6f13f234 100644
--- a/zh/documentation/controls/progress/circleprogressbar.html
+++ b/zh/documentation/controls/progress/circleprogressbar.html
@@ -5,29 +5,29 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>CircleProgressBar | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/circleprogressbar.DFOQRR-C.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_progress_circleprogressbar.md.B-qo_GP2.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_progress_circleprogressbar.md.C16keW9i.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_progress_circleprogressbar" data-v-68f5ff40><div><h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>圆形进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/progress/circleprogressbar.gif" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/progress/circleprogressbar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_progress_circleprogressbar" data-v-faed6907><div><h1 id="circleprogressbar" tabindex="-1">CircleProgressBar <a class="header-anchor" href="#circleprogressbar" aria-label="Permalink to &quot;CircleProgressBar&quot;">​</a></h1><p>圆形进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/progress/circleprogressbar.gif" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        StrokeWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;11&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">                        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">TextBlock</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0,2,0,0&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // 百分比显示</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">               Classes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;h3&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">               IsVisible</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">               Text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue, StringFormat={}{0:#0}%}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/CircleProgressBar.axaml.cs" target="_blank" rel="noreferrer">API: Controls/CircleProgressBar.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Stepper</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Loading</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:CircleProgressBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/CircleProgressBar.axaml.cs" target="_blank" rel="noreferrer">API: Controls/CircleProgressBar.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Stepper</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Loading</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/progress/loading.html b/zh/documentation/controls/progress/loading.html
index b32933915..8ab8c3541 100644
--- a/zh/documentation/controls/progress/loading.html
+++ b/zh/documentation/controls/progress/loading.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Loading | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/loading.B04oCQSH.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_progress_loading.md.CZ8kK3mF.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_progress_loading.md.DIoSdgnz.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_progress_loading" data-v-68f5ff40><div><h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>加载控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/progress/loading.gif" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>CircleProgressBar</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>ProgressBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/progress/loading.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_progress_loading" data-v-faed6907><div><h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>加载控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/progress/loading.gif" height="300px" width="200px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Loading.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Loading.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>CircleProgressBar</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>ProgressBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/progress/progressbar.html b/zh/documentation/controls/progress/progressbar.html
index c78e14fda..388cca2c8 100644
--- a/zh/documentation/controls/progress/progressbar.html
+++ b/zh/documentation/controls/progress/progressbar.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>ProgressBar | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/progressbar.DYes4aMl.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_progress_progressbar.md.CwItBmIZ.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_progress_progressbar.md.Dwav7bBx.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_progress_progressbar" data-v-68f5ff40><div><h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/progress/progressbar.gif" height="300px" width="400px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Loading</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>DataGrid</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/progress/progressbar.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_progress_progressbar" data-v-faed6907><div><h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p>进度条</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/progress/progressbar.gif" height="300px" width="400px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ProgressBar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsIndeterminate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsIndeterminate}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShowProgressText</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Loading</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>DataGrid</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/progress/stepper.html b/zh/documentation/controls/progress/stepper.html
index 90fe5b08d..113fa638c 100644
--- a/zh/documentation/controls/progress/stepper.html
+++ b/zh/documentation/controls/progress/stepper.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Stepper | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_progress_stepper.md.CHn_kP47.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_progress_stepper.md.B8p93PmZ.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_progress_stepper" data-v-68f5ff40><div><h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>指引用户分步骤完成一项任务的控件</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="用法" tabindex="-1">用法 <a class="header-anchor" href="#用法" aria-label="Permalink to &quot;用法&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/progress/stepper.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_progress_stepper" data-v-faed6907><div><h1 id="stepper" tabindex="-1">Stepper <a class="header-anchor" href="#stepper" aria-label="Permalink to &quot;Stepper&quot;">​</a></h1><p>指引用户分步骤完成一项任务的控件</p><img src="https://sleekshot.app/api/download/9UWKAIevk5i2"><h2 id="用法" tabindex="-1">用法 <a class="header-anchor" href="#用法" aria-label="Permalink to &quot;用法&quot;">​</a></h2><h3 id="axaml" tabindex="-1">Axaml <a class="header-anchor" href="#axaml" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Index</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding StepIndex}&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding Steps}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h3 id="viewmodel" tabindex="-1">ViewModel <a class="header-anchor" href="#viewmodel" aria-label="Permalink to &quot;ViewModel&quot;">​</a></h3><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ObservableProperty</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">private</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> _stepIndex</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">public</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> IEnumerable</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Steps { get; } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                           [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;First Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Second Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Third Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="使用另一种样式" tabindex="-1">使用另一种样式 <a class="header-anchor" href="#使用另一种样式" aria-label="Permalink to &quot;使用另一种样式&quot;">​</a></h2><img src="https://sleekshot.app/api/download/siVzTBuU6zhn"><h3 id="axaml-1" tabindex="-1">Axaml <a class="header-anchor" href="#axaml-1" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AlternativeStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Stepper.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Stepper.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>WaveProgress</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>CircleProgressBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">                           [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;First Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Second Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Third Step&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="使用另一种样式" tabindex="-1">使用另一种样式 <a class="header-anchor" href="#使用另一种样式" aria-label="Permalink to &quot;使用另一种样式&quot;">​</a></h2><img src="https://sleekshot.app/api/download/siVzTBuU6zhn"><h3 id="axaml-1" tabindex="-1">Axaml <a class="header-anchor" href="#axaml-1" aria-label="Permalink to &quot;Axaml&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:Stepper</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AlternativeStyle</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;True&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/Stepper.axaml.cs" target="_blank" rel="noreferrer">API: Controls/Stepper.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>WaveProgress</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>CircleProgressBar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/progress/waveprogress.html b/zh/documentation/controls/progress/waveprogress.html
index 2e544b55a..f9cc7106b 100644
--- a/zh/documentation/controls/progress/waveprogress.html
+++ b/zh/documentation/controls/progress/waveprogress.html
@@ -5,24 +5,24 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>WaveProgress | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/waveprogress.BziSuxVY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_progress_waveprogress.md.Dcabiu7r.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_progress_waveprogress.md.C6QCQyu9.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_progress_waveprogress" data-v-68f5ff40><div><h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>带波浪动画的进度控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/progress/waveprogress.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/progress/waveprogress.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_progress_waveprogress" data-v-faed6907><div><h1 id="waveprogress" tabindex="-1">WaveProgress <a class="header-anchor" href="#waveprogress" aria-label="Permalink to &quot;WaveProgress&quot;">​</a></h1><p>带波浪动画的进度控件</p><h2 id="展示" tabindex="-1">展示 <a class="header-anchor" href="#展示" aria-label="Permalink to &quot;展示&quot;">​</a></h2><img src="/SukiUI/controls/progress/waveprogress.gif" height="300px" width="300px"><h2 id="示例" tabindex="-1">示例 <a class="header-anchor" href="#示例" aria-label="Permalink to &quot;示例&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:WaveProgress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        IsTextVisible</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding IsTextVisible}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  // 是否显示百分比</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/WaveProgress.axaml.cs" target="_blank" rel="noreferrer">API: Controls/WaveProgress.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>TimePicker</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Stepper</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ProgressValue}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span></code></pre></div><h2 id="参阅" tabindex="-1">参阅 <a class="header-anchor" href="#参阅" aria-label="Permalink to &quot;参阅&quot;">​</a></h2><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml" target="_blank" rel="noreferrer">Demo: SukiUI.Demo/Features/ControlsLibrary/ProgressView.axaml</a></p><p><a href="https://github.com/kikipoulet/SukiUI/blob/main/SukiUI/Controls/WaveProgress.axaml.cs" target="_blank" rel="noreferrer">API: Controls/WaveProgress.axaml.cs</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>TimePicker</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Stepper</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/controls/system/filepicker.html b/zh/documentation/controls/system/filepicker.html
index 445643d17..52fd68af5 100644
--- a/zh/documentation/controls/system/filepicker.html
+++ b/zh/documentation/controls/system/filepicker.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_system_filepicker.md.Czt55_uh.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_controls_system_filepicker.md.DzvNGmvC.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_system_filepicker" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>InfoBadge</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>有关 Hosts</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/controls/system/filepicker.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 has-active" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_controls_system_filepicker" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>InfoBadge</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>有关 Hosts</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/faq/custom-font.html b/zh/documentation/faq/custom-font.html
index b64a531b1..f8f1b326d 100644
--- a/zh/documentation/faq/custom-font.html
+++ b/zh/documentation/faq/custom-font.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>如何使用自定义字体 | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_faq_custom-font.md.W79dDpYe.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_faq_custom-font.md.C8__sOrN.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/faq/custom-font.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/faq/custom-font.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_faq_custom-font" data-v-68f5ff40><div><h1 id="如何使用自定义字体" tabindex="-1">如何使用自定义字体 <a class="header-anchor" href="#如何使用自定义字体" aria-label="Permalink to &quot;如何使用自定义字体&quot;">​</a></h1><p>以下是创建一个新的基于 SukiUI 项目后的 <code>App.axaml</code> 文件：</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/faq/custom-font.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/faq/custom-font.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_faq_custom-font" data-v-faed6907><div><h1 id="如何使用自定义字体" tabindex="-1">如何使用自定义字体 <a class="header-anchor" href="#如何使用自定义字体" aria-label="Permalink to &quot;如何使用自定义字体&quot;">​</a></h1><p>以下是创建一个新的基于 SukiUI 项目后的 <code>App.axaml</code> 文件：</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;https://github.com/avaloniaui&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:x</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             x:Class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;SukiTest.App&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">             xmlns:local</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;using:SukiTest&quot;</span></span>
@@ -55,8 +55,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application.Styles</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">sukiUi:SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ThemeColor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Blue&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application.Styles</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Toast</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/style/text.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Text</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Toast</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/style/text.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Text</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/getting-started/installation.html b/zh/documentation/getting-started/installation.html
index 05decc3f3..675f38d62 100644
--- a/zh/documentation/getting-started/installation.html
+++ b/zh/documentation/getting-started/installation.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>安装 | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
     <link rel="modulepreload" href="/SukiUI/assets/chunks/introduction-final-package-list.aT7fuA6M.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_getting-started_installation.md.op0fYDPC.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_getting-started_installation.md.D90qknIP.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/getting-started/installation.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/getting-started/installation.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_getting-started_installation" data-v-68f5ff40><div><h1 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to &quot;安装&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>写完本篇时，Avalonia 的版本是 <code>11.2.0-beta1</code> ，SukiUI 的版本是 <code>6.0.0-beta8</code></p></div><p>SukiUI 可以通过以下两种方式安装:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>推荐</strong></li><li>从 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a> 获取 CI 构建后的 <code>.dll</code></li></ul><h2 id="准备工作" tabindex="-1">准备工作 <a class="header-anchor" href="#准备工作" aria-label="Permalink to &quot;准备工作&quot;">​</a></h2><p>以下是 <code>Avalonia Template</code> 项目创建后，默认的包列表:</p><p><img src="/SukiUI/getting-started/introduction-default-package-list.webp" alt="" title="default package list"></p><p>在这些包中，<code>Avalonia.Themes.Fluent</code> 可以被删除</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>有关 <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/zh-Hans/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">设置编辑器</a></p></div><h2 id="安装最新的-sukiui" tabindex="-1">安装最新的 SukiUI <a class="header-anchor" href="#安装最新的-sukiui" aria-label="Permalink to &quot;安装最新的 SukiUI&quot;">​</a></h2><p>对于大多数用户来说，通过 Nuget 安装是不错的选择；但如果你想体验最新构建的功能，请从 Github Action 中下载构建</p><h3 id="通过-nuget-安装" tabindex="-1">通过 Nuget 安装 <a class="header-anchor" href="#通过-nuget-安装" aria-label="Permalink to &quot;通过 Nuget 安装&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>访问 <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> 获取更多信息</p></div><h3 id="通过-github-action-安装" tabindex="-1">通过 Github Action 安装 <a class="header-anchor" href="#通过-github-action-安装" aria-label="Permalink to &quot;通过 Github Action 安装&quot;">​</a></h3><details><summary>Github Action 步骤</summary><ol><li><p>访问 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>选择最后一个<code>workflow</code><img src="/SukiUI/getting-started/introduction-workflow.webp" alt="" title="workflow"></p></li><li><p>下载 <img src="/SukiUI/getting-started/introduction-artifact.webp" alt="" title="artifact"></p></li><li><p>在项目中添加引用 <img src="/SukiUI/getting-started/introduction-reference.webp" alt="" title="reference"></p></li><li><p>选择刚刚下载的 <code>SukiUI.dll</code> 并添加</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>最终，你的包列表应为：</p><p><img src="/SukiUI/getting-started/introduction-final-package-list.webp" alt="" title="package list"></p></div></details></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>介绍</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>启动应用</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/getting-started/installation.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/getting-started/installation.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_getting-started_installation" data-v-faed6907><div><h1 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to &quot;安装&quot;">​</a></h1><div class="info custom-block"><p class="custom-block-title">INFO</p><p>写完本篇时，Avalonia 的版本是 <code>11.2.0-beta1</code> ，SukiUI 的版本是 <code>6.0.0-beta8</code></p></div><p>SukiUI 可以通过以下两种方式安装:</p><ul><li><a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">Nuget</a> <strong>推荐</strong></li><li>从 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a> 获取 CI 构建后的 <code>.dll</code></li></ul><h2 id="准备工作" tabindex="-1">准备工作 <a class="header-anchor" href="#准备工作" aria-label="Permalink to &quot;准备工作&quot;">​</a></h2><p>以下是 <code>Avalonia Template</code> 项目创建后，默认的包列表:</p><p><img src="/SukiUI/getting-started/introduction-default-package-list.webp" alt="" title="default package list"></p><p>在这些包中，<code>Avalonia.Themes.Fluent</code> 可以被删除</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>有关 <code>Avalonia Template</code>: <a href="https://docs.avaloniaui.net/zh-Hans/docs/get-started/set-up-an-editor" target="_blank" rel="noreferrer">设置编辑器</a></p></div><h2 id="安装最新的-sukiui" tabindex="-1">安装最新的 SukiUI <a class="header-anchor" href="#安装最新的-sukiui" aria-label="Permalink to &quot;安装最新的 SukiUI&quot;">​</a></h2><p>对于大多数用户来说，通过 Nuget 安装是不错的选择；但如果你想体验最新构建的功能，请从 Github Action 中下载构建</p><h3 id="通过-nuget-安装" tabindex="-1">通过 Nuget 安装 <a class="header-anchor" href="#通过-nuget-安装" aria-label="Permalink to &quot;通过 Nuget 安装&quot;">​</a></h3><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>dotnet add package SukiUI --version 6.0.0</span></span></code></pre></div><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>访问 <a href="https://www.nuget.org/packages/SukiUI" target="_blank" rel="noreferrer">SukiUI on Nuget</a> 获取更多信息</p></div><h3 id="通过-github-action-安装" tabindex="-1">通过 Github Action 安装 <a class="header-anchor" href="#通过-github-action-安装" aria-label="Permalink to &quot;通过 Github Action 安装&quot;">​</a></h3><details><summary>Github Action 步骤</summary><ol><li><p>访问 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">SukiUI CI</a></p></li><li><p>选择最后一个<code>workflow</code><img src="/SukiUI/getting-started/introduction-workflow.webp" alt="" title="workflow"></p></li><li><p>下载 <img src="/SukiUI/getting-started/introduction-artifact.webp" alt="" title="artifact"></p></li><li><p>在项目中添加引用 <img src="/SukiUI/getting-started/introduction-reference.webp" alt="" title="reference"></p></li><li><p>选择刚刚下载的 <code>SukiUI.dll</code> 并添加</p></li></ol><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>最终，你的包列表应为：</p><p><img src="/SukiUI/getting-started/introduction-final-package-list.webp" alt="" title="package list"></p></div></details></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>介绍</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>启动应用</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/getting-started/introduction.html b/zh/documentation/getting-started/introduction.html
index 32183550d..563d423fa 100644
--- a/zh/documentation/getting-started/introduction.html
+++ b/zh/documentation/getting-started/introduction.html
@@ -5,22 +5,22 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>介绍 | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_getting-started_introduction.md.D2P9A6Au.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_getting-started_introduction.md.RZfbCGKb.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_getting-started_introduction" data-v-68f5ff40><div><h1 id="介绍" tabindex="-1">介绍 <a class="header-anchor" href="#介绍" aria-label="Permalink to &quot;介绍&quot;">​</a></h1><p>使用 <strong>SukiUI</strong> 创建更简约、美观的 Avalonia 应用</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
-?style=for-the-badge"><a href="https://www.nuget.org/packages/SukiUI"><img src="https://img.shields.io/nuget/vpre/SukiUI?style=for-the-badge" alt="Nuget Pre"></a></div><p><img src="https://github.com/user-attachments/assets/00622266-dbb8-4c05-8d1f-782483f4ca14" alt="overview"></p><h2 id="gallery" tabindex="-1">Gallery <a class="header-anchor" href="#gallery" aria-label="Permalink to &quot;Gallery&quot;">​</a></h2><p>前往 Microsoft Store 体验 Demo</p><a href="https://apps.microsoft.com/detail/9NM01BJ6JTTF?hl=en-us&amp;gl=US"><img src="https://get.microsoft.com/images/en-us%20dark.svg" width="200" alt="Download SukiUI Controls Gallery"></a></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><!----></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>安装</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/getting-started/introduction.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_getting-started_introduction" data-v-faed6907><div><h1 id="介绍" tabindex="-1">介绍 <a class="header-anchor" href="#介绍" aria-label="Permalink to &quot;介绍&quot;">​</a></h1><p>使用 <strong>SukiUI</strong> 创建更简约、美观的 Avalonia 应用</p><div style="display:flex;justify-content:space-around;"><img src="https://img.shields.io/github/stars/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/forks/kikipoulet/SukiUI?style=for-the-badge"><img src="https://img.shields.io/github/commit-activity/m/kikipoulet/SukiUI
+?style=for-the-badge"><a href="https://www.nuget.org/packages/SukiUI"><img src="https://img.shields.io/nuget/vpre/SukiUI?style=for-the-badge" alt="Nuget Pre"></a></div><p><img src="https://github.com/user-attachments/assets/00622266-dbb8-4c05-8d1f-782483f4ca14" alt="overview"></p><h2 id="gallery" tabindex="-1">Gallery <a class="header-anchor" href="#gallery" aria-label="Permalink to &quot;Gallery&quot;">​</a></h2><p>前往 Microsoft Store 体验 Demo</p><a href="https://apps.microsoft.com/detail/9NM01BJ6JTTF?hl=en-us&amp;gl=US"><img src="https://get.microsoft.com/images/en-us%20dark.svg" width="200" alt="Download SukiUI Controls Gallery"></a></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><!----></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>安装</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/getting-started/launch.html b/zh/documentation/getting-started/launch.html
index 75aebb79a..3c951c9fb 100644
--- a/zh/documentation/getting-started/launch.html
+++ b/zh/documentation/getting-started/launch.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>启动应用 | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_getting-started_launch.md.Bplj30qB.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_getting-started_launch.md.CKpUuq0m.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/getting-started/launch.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/getting-started/launch.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_getting-started_launch" data-v-68f5ff40><div><h1 id="启动应用" tabindex="-1">启动应用 <a class="header-anchor" href="#启动应用" aria-label="Permalink to &quot;启动应用&quot;">​</a></h1><h2 id="修改-app-axaml" tabindex="-1">修改 App.axaml <a class="header-anchor" href="#修改-app-axaml" aria-label="Permalink to &quot;修改 App.axaml&quot;">​</a></h2><p>在 <code>App.axaml</code> 的 <code>Styles</code> 中添加 <code>SukiTheme</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/getting-started/launch.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/getting-started/launch.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_getting-started_launch" data-v-faed6907><div><h1 id="启动应用" tabindex="-1">启动应用 <a class="header-anchor" href="#启动应用" aria-label="Permalink to &quot;启动应用&quot;">​</a></h1><h2 id="修改-app-axaml" tabindex="-1">修改 App.axaml <a class="header-anchor" href="#修改-app-axaml" aria-label="Permalink to &quot;修改 App.axaml&quot;">​</a></h2><p>在 <code>App.axaml</code> 的 <code>Styles</code> 中添加 <code>SukiTheme</code></p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">Application</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    ...</span></span>
 <span class="line highlighted"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    xmlns:sukiUi</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;clr-namespace:SukiUI;assembly=SukiUI&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &gt;</span></span>
@@ -58,8 +58,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    {</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        InitializeComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="完成" tabindex="-1">完成 <a class="header-anchor" href="#完成" aria-label="Permalink to &quot;完成&quot;">​</a></h2><p>至此，SukiUI 安装完成。创建项目后，建议参阅 <a href="/SukiUI/zh/documentation/theming/basic.html">设置主题</a> 和 <a href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html">SukiWindow 页面</a>。</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>如果你遇到了包括但不限于以下异常：</p><ul><li><code>SukiWindow</code> not found <a href="https://github.com/kikipoulet/SukiUI/issues/265" target="_blank" rel="noreferrer">Issue#265</a></li><li>System.MissingMethodException: Method not found: System.Collections.Generic.IReadOnlyList`1&lt;System.Object&gt; Avalonia.Markup.Xaml.XamlIl.Runtime.IAvaloniaXamlIlEagerParentStackProvider.get_DirectParents() <a href="https://github.com/kikipoulet/SukiUI/issues/276" target="_blank" rel="noreferrer">Issue#276</a></li><li>Unable to resolve type <code>SukiTheme</code> from namespace clr-namespace:SukiUI;assembly=SukiUI <a href="https://github.com/kikipoulet/SukiUI/discussions/278" target="_blank" rel="noreferrer">Discussion#276</a></li></ul><p>有两种可能的解决方案：</p><ul><li>调整 <code>Avalonia</code> 和 <code>SukiUI</code> 的版本直到异常消失</li><li>在保证 <code>Avalonia</code> 是最新版本（包括 beta）的情况下，引用来自 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a> 的 <code>.dll</code> 构建，然后执行<a href="/SukiUI/zh/documentation/getting-started/installation.html#通过-github-action-安装">以下步骤</a></li></ul></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>安装</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/theming/basic.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>主题实例</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="完成" tabindex="-1">完成 <a class="header-anchor" href="#完成" aria-label="Permalink to &quot;完成&quot;">​</a></h2><p>至此，SukiUI 安装完成。创建项目后，建议参阅 <a href="/SukiUI/zh/documentation/theming/basic.html">设置主题</a> 和 <a href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html">SukiWindow 页面</a>。</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>如果你遇到了包括但不限于以下异常：</p><ul><li><code>SukiWindow</code> not found <a href="https://github.com/kikipoulet/SukiUI/issues/265" target="_blank" rel="noreferrer">Issue#265</a></li><li>System.MissingMethodException: Method not found: System.Collections.Generic.IReadOnlyList`1&lt;System.Object&gt; Avalonia.Markup.Xaml.XamlIl.Runtime.IAvaloniaXamlIlEagerParentStackProvider.get_DirectParents() <a href="https://github.com/kikipoulet/SukiUI/issues/276" target="_blank" rel="noreferrer">Issue#276</a></li><li>Unable to resolve type <code>SukiTheme</code> from namespace clr-namespace:SukiUI;assembly=SukiUI <a href="https://github.com/kikipoulet/SukiUI/discussions/278" target="_blank" rel="noreferrer">Discussion#276</a></li></ul><p>有两种可能的解决方案：</p><ul><li>调整 <code>Avalonia</code> 和 <code>SukiUI</code> 的版本直到异常消失</li><li>在保证 <code>Avalonia</code> 是最新版本（包括 beta）的情况下，引用来自 <a href="https://github.com/kikipoulet/SukiUI/actions/workflows/build.yml" target="_blank" rel="noreferrer">Github Action</a> 的 <code>.dll</code> 构建，然后执行<a href="/SukiUI/zh/documentation/getting-started/installation.html#通过-github-action-安装">以下步骤</a></li></ul></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>安装</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/theming/basic.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>主题实例</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/hosts/dialog.html b/zh/documentation/hosts/dialog.html
index 164247b45..5051fb7f7 100644
--- a/zh/documentation/hosts/dialog.html
+++ b/zh/documentation/hosts/dialog.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Dialogs | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_hosts_dialog.md.BvaaQDzd.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_hosts_dialog.md.Db3RG0h5.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/hosts/dialog.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/hosts/dialog.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_hosts_dialog" data-v-68f5ff40><div><h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出对话框的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该对话框对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiDialogManager</code> 来获得给定的 <code>SukiDialogHost</code> 实例，从而显示对话框。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/hosts/dialog.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/hosts/dialog.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_hosts_dialog" data-v-faed6907><div><h1 id="dialogs" tabindex="-1">Dialogs <a class="header-anchor" href="#dialogs" aria-label="Permalink to &quot;Dialogs&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出对话框的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该对话框对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiDialogManager</code> 来获得给定的 <code>SukiDialogHost</code> 实例，从而显示对话框。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiDialogHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding DialogManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
@@ -58,8 +58,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WithActionButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;保持打开&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">_</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { })</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WithActionButton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;关闭&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">_</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { }, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)  </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 点击后关闭对话框</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">TryShow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p><img src="https://github.com/user-attachments/assets/3d07344f-c302-400a-b2cf-88865e7713ba" alt="dialogclose"></p><h2 id="消息框样式" tabindex="-1">消息框样式 <a class="header-anchor" href="#消息框样式" aria-label="Permalink to &quot;消息框样式&quot;">​</a></h2><p>你还可以通过 <code>.OfType()</code> 方法为对话框应用内置的消息框样式，目前支持的信息类型包括：<code>Information</code>, <code>Success</code>, <code>Warning</code> 和 <code>Error</code>。</p><p><img src="https://github.com/user-attachments/assets/1c596315-5e9a-4f4c-b577-e27d0d6b0a1d" alt="dialogtypes"></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>有关 Hosts</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Toast</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p><img src="https://github.com/user-attachments/assets/3d07344f-c302-400a-b2cf-88865e7713ba" alt="dialogclose"></p><h2 id="消息框样式" tabindex="-1">消息框样式 <a class="header-anchor" href="#消息框样式" aria-label="Permalink to &quot;消息框样式&quot;">​</a></h2><p>你还可以通过 <code>.OfType()</code> 方法为对话框应用内置的消息框样式，目前支持的信息类型包括：<code>Information</code>, <code>Success</code>, <code>Warning</code> 和 <code>Error</code>。</p><p><img src="https://github.com/user-attachments/assets/1c596315-5e9a-4f4c-b577-e27d0d6b0a1d" alt="dialogtypes"></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>有关 Hosts</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Toast</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/hosts/hosts.html b/zh/documentation/hosts/hosts.html
index be4d3e131..4230fe407 100644
--- a/zh/documentation/hosts/hosts.html
+++ b/zh/documentation/hosts/hosts.html
@@ -5,26 +5,26 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Hosts | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_hosts_hosts.md.B_twH9Nk.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_hosts_hosts.md.23QA2QDu.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/hosts/hosts.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/hosts/hosts.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_hosts_hosts" data-v-68f5ff40><div><h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI 在 <code>SukiWindow</code> 内提供了 <code>Hosts</code> 属性，可以在该属性内添加任意控件，而这些控件将会显示在其他所有子控件的上层（包括标题栏）</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/hosts/hosts.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/hosts/hosts.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_hosts_hosts" data-v-faed6907><div><h1 id="hosts" tabindex="-1">Hosts <a class="header-anchor" href="#hosts" aria-label="Permalink to &quot;Hosts&quot;">​</a></h1><p>SukiUI 在 <code>SukiWindow</code> 内提供了 <code>Hosts</code> 属性，可以在该属性内添加任意控件，而这些控件将会显示在其他所有子控件的上层（包括标题栏）</p><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">		&lt;!-- 你的控件 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>SukiUI 本身提供两个可选的窗口控件，即 <a href="./dialog.html">SukiDialogHost</a> 和 <a href="./toast.html">SukiToastHost</a></p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p><code>suki:SukiWindow.Hosts</code> 仅在 <code>SukiWindow</code> 有效，请注意不要不小心在页面（<code>Views</code>）中声明，这将没有任何效果。</p></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>FilePicker</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Dialog</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>SukiUI 本身提供两个可选的窗口控件，即 <a href="./dialog.html">SukiDialogHost</a> 和 <a href="./toast.html">SukiToastHost</a></p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p><code>suki:SukiWindow.Hosts</code> 仅在 <code>SukiWindow</code> 有效，请注意不要不小心在页面（<code>Views</code>）中声明，这将没有任何效果。</p></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>FilePicker</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Dialog</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/hosts/toast.html b/zh/documentation/hosts/toast.html
index 5cc7d6c5b..bbfd10ac1 100644
--- a/zh/documentation/hosts/toast.html
+++ b/zh/documentation/hosts/toast.html
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Toasts | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_hosts_toast.md.9A-ZAH7Y.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_hosts_toast.md.DZJQWLJa.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/hosts/toast.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/hosts/toast.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_hosts_toast" data-v-68f5ff40><div><h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出消息提醒的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该消息提醒控件对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiToastManager</code> 来获得给定的 <code>SukiToastHost</code> 实例，从而显示提示消息。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/hosts/toast.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/hosts/toast.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_hosts_toast" data-v-faed6907><div><h1 id="toasts" tabindex="-1">Toasts <a class="header-anchor" href="#toasts" aria-label="Permalink to &quot;Toasts&quot;">​</a></h1><p>SukiUI 提供了一个用于弹出消息提醒的<a href="./hosts.html">可选窗口控件</a>，该控件可以很轻易地在 <code>SukiWindow.Hosts</code> 添加（这也是最推荐且能达到最佳效果的使用方法）</p><p>该消息提醒控件对 MVVM 设计模式友好，同时你也可以通过 <code>ISukiToastManager</code> 来获得给定的 <code>SukiToastHost</code> 实例，从而显示提示消息。</p><p>以下是一些 MVVM 设计模式下使用的例子：</p><h3 id="view" tabindex="-1">View <a class="header-anchor" href="#view" aria-label="Permalink to &quot;View&quot;">​</a></h3><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">&lt;!-- XMLNS 定义已略去 --&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiWindow.Hosts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">		&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">suki:SukiToastHost</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Manager</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;{Binding ToastManager}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">/&gt;</span></span>
@@ -115,8 +115,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">            });</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        };</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        timer.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Start</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Dialog</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>自定义字体</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Dialog</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>自定义字体</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/index.html b/zh/documentation/index.html
index 43dec215a..218ed7146 100644
--- a/zh/documentation/index.html
+++ b/zh/documentation/index.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>文档 | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_index.md.X7gn4Jql.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_index.md.BJnTSKI9.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_" data-v-68f5ff40><div><h1 id="文档" tabindex="-1">文档 <a class="header-anchor" href="#文档" aria-label="Permalink to &quot;文档&quot;">​</a></h1><p>欢迎访问 SukiUI 的文档站，你可以在侧边栏跳转到相关网页。</p><p>欢迎反馈有关该文档的<a href="https://github.com/kikipoulet/SukiUI/issues/new/choose" target="_blank" rel="noreferrer">问题</a></p></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><!----></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>介绍</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_" data-v-faed6907><div><h1 id="文档" tabindex="-1">文档 <a class="header-anchor" href="#文档" aria-label="Permalink to &quot;文档&quot;">​</a></h1><p>欢迎访问 SukiUI 的文档站，你可以在侧边栏跳转到相关网页。</p><p>欢迎反馈有关该文档的<a href="https://github.com/kikipoulet/SukiUI/issues/new/choose" target="_blank" rel="noreferrer">问题</a></p></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><!----></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>介绍</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/style/color.html b/zh/documentation/style/color.html
index 268c24b01..7636ca5e2 100644
--- a/zh/documentation/style/color.html
+++ b/zh/documentation/style/color.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_style_color.md.BlQ1PoDO.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_style_color.md.qe0m7krY.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/style/color.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/style/color.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_style_color" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/style/text.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Text</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/style/icon.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Icon</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/style/color.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/style/color.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_style_color" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/style/text.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Text</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/style/icon.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Icon</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/style/icon.html b/zh/documentation/style/icon.html
index 9d8edaea5..b0e9113f1 100644
--- a/zh/documentation/style/icon.html
+++ b/zh/documentation/style/icon.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_style_icon.md.CX_VxqOL.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_style_icon.md.DuABnqCZ.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/style/icon.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/style/icon.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_style_icon" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/style/color.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>Color</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/style/icon.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/style/icon.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_style_icon" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/style/color.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>Color</span><!--]--></a></div><div class="pager" data-v-b1357397><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/style/text.html b/zh/documentation/style/text.html
index a9767b6ad..34269e9f8 100644
--- a/zh/documentation/style/text.html
+++ b/zh/documentation/style/text.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_style_text.md.-n37mV9Z.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_style_text.md.DDQ6FfGq.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/style/text.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/style/text.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_style_text" data-v-68f5ff40><div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>自定义字体</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/style/color.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>Color</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/style/text.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/style/text.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_style_text" data-v-faed6907><div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>自定义字体</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/style/color.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>Color</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/theming/basic.html b/zh/documentation/theming/basic.html
index c308d4f35..1ef9e17bb 100644
--- a/zh/documentation/theming/basic.html
+++ b/zh/documentation/theming/basic.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>主题实例 | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_theming_basic.md.Byn8asVg.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_theming_basic.md.CCSnN4Zk.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/theming/basic.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/theming/basic.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_theming_basic" data-v-68f5ff40><div><h1 id="主题实例" tabindex="-1">主题实例 <a class="header-anchor" href="#主题实例" aria-label="Permalink to &quot;主题实例&quot;">​</a></h1><p>SukiUI 提供 <code>SukiTheme</code>，通过该类可以实现对应用主题的修改</p><p>获取实例:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>启动应用</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/theming/theme.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>明暗主题切换</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/theming/basic.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/theming/basic.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_theming_basic" data-v-faed6907><div><h1 id="主题实例" tabindex="-1">主题实例 <a class="header-anchor" href="#主题实例" aria-label="Permalink to &quot;主题实例&quot;">​</a></h1><p>SukiUI 提供 <code>SukiTheme</code>，通过该类可以实现对应用主题的修改</p><p>获取实例:</p><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SukiTheme</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>启动应用</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/theming/theme.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>明暗主题切换</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/theming/theme-color.html b/zh/documentation/theming/theme-color.html
index 901f083dd..971961c6d 100644
--- a/zh/documentation/theming/theme-color.html
+++ b/zh/documentation/theming/theme-color.html
@@ -5,26 +5,26 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>主题色 | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_theming_theme-color.md.BAQblKC1.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_theming_theme-color.md.DV-O-uC3.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/theming/theme-color.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/theming/theme-color.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_theming_theme-color" data-v-68f5ff40><div><h1 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h1><p><code>SukiTheme</code> 也可以十分简单地切换应用的主题色</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="在可用的主题色间切换" tabindex="-1">在可用的主题色间切换 <a class="header-anchor" href="#在可用的主题色间切换" aria-label="Permalink to &quot;在可用的主题色间切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="切换到一个指定的主题色" tabindex="-1">切换到一个指定的主题色 <a class="header-anchor" href="#切换到一个指定的主题色" aria-label="Permalink to &quot;切换到一个指定的主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="创建-注册-切换到一个自定义主题色" tabindex="-1">创建/注册/切换到一个自定义主题色 <a class="header-anchor" href="#创建-注册-切换到一个自定义主题色" aria-label="Permalink to &quot;创建/注册/切换到一个自定义主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/theming/theme-color.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/theming/theme-color.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_theming_theme-color" data-v-faed6907><div><h1 id="主题色" tabindex="-1">主题色 <a class="header-anchor" href="#主题色" aria-label="Permalink to &quot;主题色&quot;">​</a></h1><p><code>SukiTheme</code> 也可以十分简单地切换应用的主题色</p><p><img src="https://github.com/user-attachments/assets/ae55a431-3b4e-4673-b14b-bec46fe22bf6" alt="themechanging"></p><h2 id="在可用的主题色间切换" tabindex="-1">在可用的主题色间切换 <a class="header-anchor" href="#在可用的主题色间切换" aria-label="Permalink to &quot;在可用的主题色间切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="切换到一个指定的主题色" tabindex="-1">切换到一个指定的主题色 <a class="header-anchor" href="#切换到一个指定的主题色" aria-label="Permalink to &quot;切换到一个指定的主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(SukiColor.Red);</span></span></code></pre></div><h2 id="创建-注册-切换到一个自定义主题色" tabindex="-1">创建/注册/切换到一个自定义主题色 <a class="header-anchor" href="#创建-注册-切换到一个自定义主题色" aria-label="Permalink to &quot;创建/注册/切换到一个自定义主题色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">var</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PurpleTheme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> SukiColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Purple&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, Colors.Purple, Colors.DarkBlue);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AddColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeColorTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(PurpleTheme);</span></span></code></pre></div><h2 id="订阅-colorchanged-事件" tabindex="-1">订阅 ColorChanged 事件 <a class="header-anchor" href="#订阅-colorchanged-事件" aria-label="Permalink to &quot;订阅 ColorChanged 事件&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnColorThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> theme</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">     Console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WriteLine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Color theme change triggered !&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/theming/theme.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>明暗主题切换</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>SideMenu</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/theming/theme.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>明暗主题切换</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>SideMenu</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/documentation/theming/theme.html b/zh/documentation/theming/theme.html
index b56d5717b..cbad417e4 100644
--- a/zh/documentation/theming/theme.html
+++ b/zh/documentation/theming/theme.html
@@ -5,24 +5,24 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>明暗主题切换 | SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_theming_theme.md.C4R49kVJ.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_documentation_theming_theme.md.CokiFiib.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle has-sidebar" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/theming/theme.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/documentation/theming/theme.html" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-13494db4 data-v-41a048b3><div class="container" data-v-41a048b3><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-41a048b3><span class="vpi-align-left menu-icon" data-v-41a048b3></span><span class="menu-text" data-v-41a048b3>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-41a048b3 data-v-42e4b28b><button data-v-42e4b28b>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-13494db4 data-v-73dab79a><div class="curtain" data-v-73dab79a></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-73dab79a><span class="visually-hidden" id="sidebar-aria-label" data-v-73dab79a> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>开始</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0 has-active" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>主题</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>导航</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>布局</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>输入</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>日期与时间</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>进度</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>数据展现</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>提醒</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-aad23f36 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h3 class="text" data-v-aad23f36>系统 API</h3><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-2 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>可选窗口控件</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>FAQ</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-7b63e751><section class="VPSidebarItem level-0" data-v-7b63e751 data-v-aad23f36><div class="item" role="button" tabindex="0" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><h2 class="text" data-v-aad23f36>样式</h2><!----></div><div class="items" data-v-aad23f36><!--[--><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-aad23f36 data-v-aad23f36><div class="item" data-v-aad23f36><div class="indicator" data-v-aad23f36></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-aad23f36><!--[--><p class="text" data-v-aad23f36>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPDoc has-sidebar has-aside" data-v-2fef6454 data-v-68f5ff40><!--[--><!--]--><div class="container" data-v-68f5ff40><div class="aside" data-v-68f5ff40><div class="aside-curtain" data-v-68f5ff40></div><div class="aside-container" data-v-68f5ff40><div class="aside-content" data-v-68f5ff40><div class="VPDocAside" data-v-68f5ff40 data-v-b8bcfc42><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-b8bcfc42 data-v-f0084521><div class="content" data-v-f0084521><div class="outline-marker" data-v-f0084521></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-f0084521>On this page</div><ul class="VPDocOutlineItem root" data-v-f0084521 data-v-ff171b3f><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-b8bcfc42></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-68f5ff40><div class="content-container" data-v-68f5ff40><!--[--><!--]--><main class="main" data-v-68f5ff40><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_theming_theme" data-v-68f5ff40><div><h1 id="明暗主题切换" tabindex="-1">明暗主题切换 <a class="header-anchor" href="#明暗主题切换" aria-label="Permalink to &quot;明暗主题切换&quot;">​</a></h1><p>SukiUI 借助由 <code>AvaloniaUI</code> 提供的 <a href="https://docs.avaloniaui.net/zh-Hans/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">主题变体</a> 轻松实现主题切换</p><h2 id="主题" tabindex="-1">主题 <a class="header-anchor" href="#主题" aria-label="Permalink to &quot;主题&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="切换至暗色" tabindex="-1">切换至暗色 <a class="header-anchor" href="#切换至暗色" aria-label="Permalink to &quot;切换至暗色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="切换至亮色" tabindex="-1">切换至亮色 <a class="header-anchor" href="#切换至亮色" aria-label="Permalink to &quot;切换至亮色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="明暗切换" tabindex="-1">明暗切换 <a class="header-anchor" href="#明暗切换" aria-label="Permalink to &quot;明暗切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-事件" tabindex="-1">ThemeChanged 事件 <a class="header-anchor" href="#themechanged-事件" aria-label="Permalink to &quot;ThemeChanged 事件&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle has-sidebar" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/theming/theme.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/documentation/theming/theme.html" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-f300ac55 data-v-52a61b09><div class="container" data-v-52a61b09><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-52a61b09><span class="vpi-align-left menu-icon" data-v-52a61b09></span><span class="menu-text" data-v-52a61b09>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-52a61b09 data-v-9a563931><button data-v-9a563931>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-f300ac55 data-v-b7e6d1e9><div class="curtain" data-v-b7e6d1e9></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-b7e6d1e9><span class="visually-hidden" id="sidebar-aria-label" data-v-b7e6d1e9> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>开始</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/installation.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>安装</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/getting-started/launch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>启动应用</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0 has-active" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>主题</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/basic.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题实例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>明暗主题切换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>主题色</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>导航</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/sidemenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SideMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/stackpage.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>StackPage</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/navigation/tabcontrol.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TabControl</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>布局</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/glasscard.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GlassCard</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/settingslayout.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SettingsLayout</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/sukiwindow.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>SukiWindow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/layout/dock.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dock</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>输入</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/button.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/dropdownbutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DropDownButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/toggleswitch.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleSwitch</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/togglebutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ToggleButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/slider.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Slider</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/combobox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ComboBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/numericupdown.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>NumericUpDown</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/textbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TextBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/checkbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/radiobutton.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>RadioButton</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/contextmenu.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ContextMenu</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/inputs/autocompletebox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>AutoCompleteBox</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>日期与时间</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Calendar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/datepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/calendardatepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CalendarDatePicker</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/datetime/timepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TimePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>进度</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/waveprogress.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>WaveProgress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/stepper.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Stepper</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/circleprogressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>CircleProgressBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/loading.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Loading</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/progress/progressbar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ProgressBar</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>数据展现</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/datagrid.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>DataGrid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/listbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>ListBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/treeview.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>TreeView</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/groupbox.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>GroupBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/busyarea.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>BusyArea</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/data/expander.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Expander</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>提醒</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobar.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/notification/infobadge.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>InfoBadge</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1" data-v-223a1195 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h3 class="text" data-v-223a1195>系统 API</h3><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-2 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/controls/system/filepicker.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>FilePicker</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>可选窗口控件</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/hosts.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>有关 Hosts</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/dialog.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Dialog</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/hosts/toast.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Toast</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>FAQ</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/faq/custom-font.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>自定义字体</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-3897b8f7><section class="VPSidebarItem level-0" data-v-3897b8f7 data-v-223a1195><div class="item" role="button" tabindex="0" data-v-223a1195><div class="indicator" data-v-223a1195></div><h2 class="text" data-v-223a1195>样式</h2><!----></div><div class="items" data-v-223a1195><!--[--><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/text.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/color.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-223a1195 data-v-223a1195><div class="item" data-v-223a1195><div class="indicator" data-v-223a1195></div><a class="VPLink link link" href="/SukiUI/zh/documentation/style/icon.html" data-v-223a1195><!--[--><p class="text" data-v-223a1195>Icon</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPDoc has-sidebar has-aside" data-v-8e7e6814 data-v-faed6907><!--[--><!--]--><div class="container" data-v-faed6907><div class="aside" data-v-faed6907><div class="aside-curtain" data-v-faed6907></div><div class="aside-container" data-v-faed6907><div class="aside-content" data-v-faed6907><div class="VPDocAside" data-v-faed6907 data-v-50efae82><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-50efae82 data-v-539d03d7><div class="content" data-v-539d03d7><div class="outline-marker" data-v-539d03d7></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-539d03d7>On this page</div><ul class="VPDocOutlineItem root" data-v-539d03d7 data-v-bd19aa7b><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-50efae82></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-faed6907><div class="content-container" data-v-faed6907><!--[--><!--]--><main class="main" data-v-faed6907><div style="position:relative;" class="vp-doc _SukiUI_zh_documentation_theming_theme" data-v-faed6907><div><h1 id="明暗主题切换" tabindex="-1">明暗主题切换 <a class="header-anchor" href="#明暗主题切换" aria-label="Permalink to &quot;明暗主题切换&quot;">​</a></h1><p>SukiUI 借助由 <code>AvaloniaUI</code> 提供的 <a href="https://docs.avaloniaui.net/zh-Hans/docs/guides/styles-and-resources/how-to-use-theme-variants" target="_blank" rel="noreferrer">主题变体</a> 轻松实现主题切换</p><h2 id="主题" tabindex="-1">主题 <a class="header-anchor" href="#主题" aria-label="Permalink to &quot;主题&quot;">​</a></h2><h3 id="暗色" tabindex="-1">暗色 <a class="header-anchor" href="#暗色" aria-label="Permalink to &quot;暗色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/bdfeec4e-d0e7-4d7e-b075-b0616720acbd" alt="dark theme"></p><h3 id="亮色" tabindex="-1">亮色 <a class="header-anchor" href="#亮色" aria-label="Permalink to &quot;亮色&quot;">​</a></h3><p><img src="https://github.com/user-attachments/assets/84dd83b4-be4f-4a0f-8c86-4d0c0e01e3ea" alt="light theme"></p><h2 id="切换至暗色" tabindex="-1">切换至暗色 <a class="header-anchor" href="#切换至暗色" aria-label="Permalink to &quot;切换至暗色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Dark);</span></span></code></pre></div><h2 id="切换至亮色" tabindex="-1">切换至亮色 <a class="header-anchor" href="#切换至亮色" aria-label="Permalink to &quot;切换至亮色&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ChangeBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(ThemeVariant.Light);</span></span></code></pre></div><h2 id="明暗切换" tabindex="-1">明暗切换 <a class="header-anchor" href="#明暗切换" aria-label="Permalink to &quot;明暗切换&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">SwitchBaseTheme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="themechanged-事件" tabindex="-1">ThemeChanged 事件 <a class="header-anchor" href="#themechanged-事件" aria-label="Permalink to &quot;ThemeChanged 事件&quot;">​</a></h2><div class="language-csharp vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">csharp</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">SukiTheme.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">GetInstance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">().OnBaseThemeChanged </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> variant</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    Console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WriteLine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Theme changed triggered !&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-68f5ff40 data-v-dbbe3b50><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-dbbe3b50><span class="visually-hidden" id="doc-footer-aria-label" data-v-dbbe3b50>Pager</span><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/theming/basic.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Previous page</span><span class="title" data-v-dbbe3b50>主题实例</span><!--]--></a></div><div class="pager" data-v-dbbe3b50><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-dbbe3b50><!--[--><span class="desc" data-v-dbbe3b50>Next page</span><span class="title" data-v-dbbe3b50>主题色</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-faed6907 data-v-b1357397><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-b1357397><span class="visually-hidden" id="doc-footer-aria-label" data-v-b1357397>Pager</span><div class="pager" data-v-b1357397><a class="VPLink link pager-link prev" href="/SukiUI/zh/documentation/theming/basic.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Previous page</span><span class="title" data-v-b1357397>主题实例</span><!--]--></a></div><div class="pager" data-v-b1357397><a class="VPLink link pager-link next" href="/SukiUI/zh/documentation/theming/theme-color.html" data-v-b1357397><!--[--><span class="desc" data-v-b1357397>Next page</span><span class="title" data-v-b1357397>主题色</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/zh/index.html b/zh/index.html
index f6b2a82c8..e4a5bbcdb 100644
--- a/zh/index.html
+++ b/zh/index.html
@@ -5,21 +5,21 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>SukiUI</title>
     <meta name="description" content="一个 Avalonia 控件库">
-    <meta name="generator" content="VitePress v1.4.0">
-    <link rel="preload stylesheet" href="/SukiUI/assets/style.D_bJgWYs.css" as="style">
+    <meta name="generator" content="VitePress v1.4.1">
+    <link rel="preload stylesheet" href="/SukiUI/assets/style.CvZnpzXw.css" as="style">
     
-    <script type="module" src="/SukiUI/assets/app.B6ohPiX9.js"></script>
+    <script type="module" src="/SukiUI/assets/app.CYoE4aSy.js"></script>
     <link rel="preload" href="/SukiUI/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.CSEovDxY.js">
-    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.Ckp7d4B5.js">
-    <link rel="modulepreload" href="/SukiUI/assets/zh_index.md.B7aJgClu.lean.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/theme.BOdvyBRz.js">
+    <link rel="modulepreload" href="/SukiUI/assets/chunks/framework.CoCfjAIq.js">
+    <link rel="modulepreload" href="/SukiUI/assets/zh_index.md.Bb8-jd6r.lean.js">
     <link rel="icon" href="/SukiUI/favicon.ico">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-13494db4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-eea713a2></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-eea713a2> Skip to content </a><!--]--><!----><header class="VPNav" data-v-13494db4 data-v-6f474b23><div class="VPNavBar" data-v-6f474b23 data-v-b26cb13e><div class="wrapper" data-v-b26cb13e><div class="container" data-v-b26cb13e><div class="title" data-v-b26cb13e><div class="VPNavBarTitle" data-v-b26cb13e data-v-389aaf3d><a class="title" href="/SukiUI/zh/" data-v-389aaf3d><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-161f3c50><!--]--><span data-v-389aaf3d>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-b26cb13e><div class="content-body" data-v-b26cb13e><!--[--><!--]--><div class="VPNavBarSearch search" data-v-b26cb13e><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-b26cb13e data-v-7a2564bf><span id="main-nav-aria-label" class="visually-hidden" data-v-7a2564bf> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-7a2564bf data-v-b7be9d26><!--[--><span data-v-b7be9d26>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-b26cb13e data-v-391c7104 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-2c36ac32><span class="text" data-v-2c36ac32><span class="vpi-languages option-icon" data-v-2c36ac32></span><!----><span class="vpi-chevron-down text-icon" data-v-2c36ac32></span></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="items" data-v-391c7104><p class="title" data-v-391c7104>简体中文</p><!--[--><div class="VPMenuLink" data-v-391c7104 data-v-8a25db17><a class="VPLink link" href="/SukiUI/" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-b26cb13e data-v-488750b3><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-488750b3 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-b26cb13e data-v-4adea010 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-b26cb13e data-v-9d2cbf32 data-v-2c36ac32><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2c36ac32><span class="vpi-more-horizontal icon" data-v-2c36ac32></span></button><div class="menu" data-v-2c36ac32><div class="VPMenu" data-v-2c36ac32 data-v-edffea9a><!----><!--[--><!--[--><div class="group translations" data-v-9d2cbf32><p class="trans-title" data-v-9d2cbf32>简体中文</p><!--[--><div class="VPMenuLink" data-v-9d2cbf32 data-v-8a25db17><a class="VPLink link" href="/SukiUI/" data-v-8a25db17><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-9d2cbf32><div class="item appearance" data-v-9d2cbf32><p class="label" data-v-9d2cbf32>Appearance</p><div class="appearance-action" data-v-9d2cbf32><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-9d2cbf32 data-v-8c66aee1 data-v-360e53fc><span class="check" data-v-360e53fc><span class="icon" data-v-360e53fc><!--[--><span class="vpi-sun sun" data-v-8c66aee1></span><span class="vpi-moon moon" data-v-8c66aee1></span><!--]--></span></span></button></div></div></div><div class="group" data-v-9d2cbf32><div class="item social-links" data-v-9d2cbf32><div class="VPSocialLinks social-links-list" data-v-9d2cbf32 data-v-d6fc0ca6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-d6fc0ca6 data-v-b4bb9658><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-b26cb13e data-v-69a8a7a4><span class="container" data-v-69a8a7a4><span class="top" data-v-69a8a7a4></span><span class="middle" data-v-69a8a7a4></span><span class="bottom" data-v-69a8a7a4></span></span></button></div></div></div></div><div class="divider" data-v-b26cb13e><div class="divider-line" data-v-b26cb13e></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-13494db4 data-v-2fef6454><div class="VPHome" data-v-2fef6454 data-v-eb036f8b><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-eb036f8b data-v-a958191c><div class="container" data-v-a958191c><div class="main" data-v-a958191c><!--[--><!--]--><!--[--><h1 class="name" data-v-a958191c><span class="clip" data-v-a958191c>SukiUI</span></h1><p class="text" data-v-a958191c>一个 Avalonia 控件库</p><p class="tagline" data-v-a958191c>扁平，简单，灵动</p><!--]--><!--[--><!--]--><div class="actions" data-v-a958191c><!--[--><div class="action" data-v-a958191c><a class="VPButton medium brand" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-a958191c data-v-5a7f4a3b>🚀 开始</a></div><div class="action" data-v-a958191c><a class="VPButton medium alt" href="/SukiUI/zh/documentation.html" data-v-a958191c data-v-5a7f4a3b>📄 文档</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-a958191c><div class="image-container" data-v-a958191c><div class="image-bg" data-v-a958191c></div><!--[--><!--[--><img class="VPImage image-src" src="../suki.webp" alt="SukiUILogo" data-v-161f3c50><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-eb036f8b data-v-b7d3055b><div class="container" data-v-b7d3055b><div class="items" data-v-b7d3055b><!--[--><div class="grid-3 item" data-v-b7d3055b><div class="VPLink no-icon VPFeature" data-v-b7d3055b data-v-592584e2><!--[--><article class="box" data-v-592584e2><!----><h2 class="title" data-v-592584e2>🔧 灵活地自定义主题</h2><p class="details" data-v-592584e2>支持切换明/暗主题和各种主题色</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-b7d3055b><div class="VPLink no-icon VPFeature" data-v-b7d3055b data-v-592584e2><!--[--><article class="box" data-v-592584e2><!----><h2 class="title" data-v-592584e2>🎞️ 丰富的动画</h2><p class="details" data-v-592584e2>为大量控件设计了动画，体验更丝滑</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-b7d3055b><div class="VPLink no-icon VPFeature" data-v-b7d3055b data-v-592584e2><!--[--><article class="box" data-v-592584e2><!----><h2 class="title" data-v-592584e2>🖥️ 桌面端跨平台</h2><p class="details" data-v-592584e2>在 AvaloniaUI 框架的基础上，SukiUI 在 Windows，macOS，和 Linux 上都能使用</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-eb036f8b data-v-7c4645cc><!--[--><div style="position:relative;" data-v-eb036f8b><div></div></div><!--]--></div></div></div><!----><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"CdWTDJ20\",\"documentation_controls_data_busyarea.md\":\"DMJsYZEZ\",\"documentation_controls_data_datagrid.md\":\"CP6rCDfR\",\"documentation_controls_data_expander.md\":\"fMVQ3JuJ\",\"documentation_controls_data_groupbox.md\":\"DII6xeuG\",\"documentation_controls_data_listbox.md\":\"2zd9tYx2\",\"documentation_controls_data_treeview.md\":\"DlDM9Q7c\",\"documentation_controls_datetime_calendar.md\":\"B3rzLY3G\",\"documentation_controls_datetime_calendardatepicker.md\":\"C1mLiF4g\",\"documentation_controls_datetime_datepicker.md\":\"4tWb-V3a\",\"documentation_controls_datetime_timepicker.md\":\"DYckWuEY\",\"documentation_controls_inputs_autocompletebox.md\":\"Cq59lrEX\",\"documentation_controls_inputs_button.md\":\"C6GwL-p4\",\"documentation_controls_inputs_checkbox.md\":\"D_DdvQNu\",\"documentation_controls_inputs_combobox.md\":\"CIN88vgw\",\"documentation_controls_inputs_contextmenu.md\":\"BMu1p23o\",\"documentation_controls_inputs_dropdownbutton.md\":\"Cgj8Ep1k\",\"documentation_controls_inputs_numericupdown.md\":\"Vqgfemap\",\"documentation_controls_inputs_radiobutton.md\":\"agoK1YLy\",\"documentation_controls_inputs_slider.md\":\"Q8pom4Zg\",\"documentation_controls_inputs_textbox.md\":\"DQYvhmPE\",\"documentation_controls_inputs_togglebutton.md\":\"CfxvYYot\",\"documentation_controls_inputs_toggleswitch.md\":\"CtBNA0sQ\",\"documentation_controls_layout_dock.md\":\"PrfIRBwX\",\"documentation_controls_layout_glasscard.md\":\"BoFAxp4P\",\"documentation_controls_layout_settingslayout.md\":\"CSwRNNNO\",\"documentation_controls_layout_sukiwindow.md\":\"kR1zYdh9\",\"documentation_controls_navigation_sidemenu.md\":\"DnxRSEZL\",\"documentation_controls_navigation_stackpage.md\":\"CdPRFWq_\",\"documentation_controls_navigation_tabcontrol.md\":\"BKM7KEPx\",\"documentation_controls_notification_infobadge.md\":\"OH4qKYVc\",\"documentation_controls_notification_infobar.md\":\"BetH2EyL\",\"documentation_controls_progress_circleprogressbar.md\":\"udCyUNRn\",\"documentation_controls_progress_loading.md\":\"TMU_P3Rw\",\"documentation_controls_progress_progressbar.md\":\"DfnklRar\",\"documentation_controls_progress_stepper.md\":\"BXZYLela\",\"documentation_controls_progress_waveprogress.md\":\"CPxJjBOZ\",\"documentation_controls_system_filepicker.md\":\"BjnywONc\",\"documentation_faq_custom-font.md\":\"BjfHpI-f\",\"documentation_getting-started_installation.md\":\"kDGA3Lfu\",\"documentation_getting-started_introduction.md\":\"CSdMaYse\",\"documentation_getting-started_launch.md\":\"jmgT-pLt\",\"documentation_hosts_dialog.md\":\"QzgAXyXO\",\"documentation_hosts_hosts.md\":\"q3MqfPNp\",\"documentation_hosts_toast.md\":\"DdRHvUH_\",\"documentation_index.md\":\"AyBFukAJ\",\"documentation_style_color.md\":\"DBxrca67\",\"documentation_style_icon.md\":\"CKzwYrqb\",\"documentation_style_text.md\":\"CpAujoqS\",\"documentation_theming_basic.md\":\"BSauNxdM\",\"documentation_theming_theme-color.md\":\"B5XYDWLv\",\"documentation_theming_theme.md\":\"D0NLecPp\",\"index.md\":\"DONymsuU\",\"markdown-examples.md\":\"CQhwVfPS\",\"zh_documentation_controls_data_busyarea.md\":\"JPV_jpax\",\"zh_documentation_controls_data_datagrid.md\":\"Ce7FR71a\",\"zh_documentation_controls_data_expander.md\":\"5zX4zXbX\",\"zh_documentation_controls_data_groupbox.md\":\"CB2xvAW0\",\"zh_documentation_controls_data_listbox.md\":\"CafHmzRi\",\"zh_documentation_controls_data_treeview.md\":\"DUB2k8i4\",\"zh_documentation_controls_datetime_calendar.md\":\"BOyj4QVR\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DBUVe7pc\",\"zh_documentation_controls_datetime_datepicker.md\":\"0zm9ZWz0\",\"zh_documentation_controls_datetime_timepicker.md\":\"Bah0FjGG\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"BFd__Ph7\",\"zh_documentation_controls_inputs_button.md\":\"XKQsobUf\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cv-JER6D\",\"zh_documentation_controls_inputs_combobox.md\":\"DwfCH1MW\",\"zh_documentation_controls_inputs_contextmenu.md\":\"BG0XlUvm\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"Bn_p4TaM\",\"zh_documentation_controls_inputs_numericupdown.md\":\"ChiTpxKH\",\"zh_documentation_controls_inputs_radiobutton.md\":\"xAHIgk_a\",\"zh_documentation_controls_inputs_slider.md\":\"BNPGKqMy\",\"zh_documentation_controls_inputs_textbox.md\":\"Cfeha2fY\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CC8i7Sep\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"C7fZqFHF\",\"zh_documentation_controls_layout_dock.md\":\"BCQUnrZs\",\"zh_documentation_controls_layout_glasscard.md\":\"Bzn2L207\",\"zh_documentation_controls_layout_settingslayout.md\":\"C6kJ92In\",\"zh_documentation_controls_layout_sukiwindow.md\":\"FFCyOaWX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"CiXRidFD\",\"zh_documentation_controls_navigation_stackpage.md\":\"BcR77MkM\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"DAmogSU3\",\"zh_documentation_controls_notification_infobadge.md\":\"B_ZhYMvj\",\"zh_documentation_controls_notification_infobar.md\":\"BvOuD2pm\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"B-qo_GP2\",\"zh_documentation_controls_progress_loading.md\":\"CZ8kK3mF\",\"zh_documentation_controls_progress_progressbar.md\":\"CwItBmIZ\",\"zh_documentation_controls_progress_stepper.md\":\"CHn_kP47\",\"zh_documentation_controls_progress_waveprogress.md\":\"Dcabiu7r\",\"zh_documentation_controls_system_filepicker.md\":\"Czt55_uh\",\"zh_documentation_faq_custom-font.md\":\"W79dDpYe\",\"zh_documentation_getting-started_installation.md\":\"op0fYDPC\",\"zh_documentation_getting-started_introduction.md\":\"D2P9A6Au\",\"zh_documentation_getting-started_launch.md\":\"Bplj30qB\",\"zh_documentation_hosts_dialog.md\":\"BvaaQDzd\",\"zh_documentation_hosts_hosts.md\":\"B_twH9Nk\",\"zh_documentation_hosts_toast.md\":\"9A-ZAH7Y\",\"zh_documentation_index.md\":\"X7gn4Jql\",\"zh_documentation_style_color.md\":\"BlQ1PoDO\",\"zh_documentation_style_icon.md\":\"CX_VxqOL\",\"zh_documentation_style_text.md\":\"-n37mV9Z\",\"zh_documentation_theming_basic.md\":\"Byn8asVg\",\"zh_documentation_theming_theme-color.md\":\"BAQblKC1\",\"zh_documentation_theming_theme.md\":\"C4R49kVJ\",\"zh_index.md\":\"B7aJgClu\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-f300ac55><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5fefb41a></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5fefb41a> Skip to content </a><!--]--><!----><header class="VPNav" data-v-f300ac55 data-v-78de018e><div class="VPNavBar" data-v-78de018e data-v-78b23767><div class="wrapper" data-v-78b23767><div class="container" data-v-78b23767><div class="title" data-v-78b23767><div class="VPNavBarTitle" data-v-78b23767 data-v-a3068ac3><a class="title" href="/SukiUI/zh/" data-v-a3068ac3><!--[--><!--]--><!--[--><img class="VPImage logo" src="/SukiUI/suki.webp" width="24" height="24" alt data-v-b382c1b6><!--]--><span data-v-a3068ac3>SukiUI</span><!--[--><!--]--></a></div></div><div class="content" data-v-78b23767><div class="content-body" data-v-78b23767><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78b23767><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78b23767 data-v-289b8a21><span id="main-nav-aria-label" class="visually-hidden" data-v-289b8a21> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/SukiUI/zh/documentation.html" tabindex="0" data-v-289b8a21 data-v-df12e37e><!--[--><span data-v-df12e37e>文档</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78b23767 data-v-dbcfe142 data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-874ee73e><span class="text" data-v-874ee73e><span class="vpi-languages option-icon" data-v-874ee73e></span><!----><span class="vpi-chevron-down text-icon" data-v-874ee73e></span></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="items" data-v-dbcfe142><p class="title" data-v-dbcfe142>简体中文</p><!--[--><div class="VPMenuLink" data-v-dbcfe142 data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78b23767 data-v-d26074e1><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-d26074e1 data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78b23767 data-v-500a0d4f data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78b23767 data-v-0c75386b data-v-874ee73e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-874ee73e><span class="vpi-more-horizontal icon" data-v-874ee73e></span></button><div class="menu" data-v-874ee73e><div class="VPMenu" data-v-874ee73e data-v-04512e7d><!----><!--[--><!--[--><div class="group translations" data-v-0c75386b><p class="trans-title" data-v-0c75386b>简体中文</p><!--[--><div class="VPMenuLink" data-v-0c75386b data-v-8d3b0e2b><a class="VPLink link" href="/SukiUI/" data-v-8d3b0e2b><!--[--><span data-v-8d3b0e2b>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-0c75386b><div class="item appearance" data-v-0c75386b><p class="label" data-v-0c75386b>Appearance</p><div class="appearance-action" data-v-0c75386b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-0c75386b data-v-d1820990 data-v-24f91d09><span class="check" data-v-24f91d09><span class="icon" data-v-24f91d09><!--[--><span class="vpi-sun sun" data-v-d1820990></span><span class="vpi-moon moon" data-v-d1820990></span><!--]--></span></span></button></div></div></div><div class="group" data-v-0c75386b><div class="item social-links" data-v-0c75386b><div class="VPSocialLinks social-links-list" data-v-0c75386b data-v-f196d309><!--[--><a class="VPSocialLink no-icon" href="https://github.com/kikipoulet/SukiUI" aria-label="github" target="_blank" rel="noopener" data-v-f196d309 data-v-90cda3ab><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78b23767 data-v-0618c747><span class="container" data-v-0618c747><span class="top" data-v-0618c747></span><span class="middle" data-v-0618c747></span><span class="bottom" data-v-0618c747></span></span></button></div></div></div></div><div class="divider" data-v-78b23767><div class="divider-line" data-v-78b23767></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-f300ac55 data-v-8e7e6814><div class="VPHome" data-v-8e7e6814 data-v-1e13c00a><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-1e13c00a data-v-d5c7f06b><div class="container" data-v-d5c7f06b><div class="main" data-v-d5c7f06b><!--[--><!--]--><!--[--><h1 class="name" data-v-d5c7f06b><span class="clip" data-v-d5c7f06b>SukiUI</span></h1><p class="text" data-v-d5c7f06b>一个 Avalonia 控件库</p><p class="tagline" data-v-d5c7f06b>扁平，简单，灵动</p><!--]--><!--[--><!--]--><div class="actions" data-v-d5c7f06b><!--[--><div class="action" data-v-d5c7f06b><a class="VPButton medium brand" href="/SukiUI/zh/documentation/getting-started/introduction.html" data-v-d5c7f06b data-v-ea2dae98>🚀 开始</a></div><div class="action" data-v-d5c7f06b><a class="VPButton medium alt" href="/SukiUI/zh/documentation.html" data-v-d5c7f06b data-v-ea2dae98>📄 文档</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-d5c7f06b><div class="image-container" data-v-d5c7f06b><div class="image-bg" data-v-d5c7f06b></div><!--[--><!--[--><img class="VPImage image-src" src="../suki.webp" alt="SukiUILogo" data-v-b382c1b6><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-1e13c00a data-v-e3746425><div class="container" data-v-e3746425><div class="items" data-v-e3746425><!--[--><div class="grid-3 item" data-v-e3746425><div class="VPLink no-icon VPFeature" data-v-e3746425 data-v-b6a92bf3><!--[--><article class="box" data-v-b6a92bf3><!----><h2 class="title" data-v-b6a92bf3>🔧 灵活地自定义主题</h2><p class="details" data-v-b6a92bf3>支持切换明/暗主题和各种主题色</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-e3746425><div class="VPLink no-icon VPFeature" data-v-e3746425 data-v-b6a92bf3><!--[--><article class="box" data-v-b6a92bf3><!----><h2 class="title" data-v-b6a92bf3>🎞️ 丰富的动画</h2><p class="details" data-v-b6a92bf3>为大量控件设计了动画，体验更丝滑</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-e3746425><div class="VPLink no-icon VPFeature" data-v-e3746425 data-v-b6a92bf3><!--[--><article class="box" data-v-b6a92bf3><!----><h2 class="title" data-v-b6a92bf3>🖥️ 桌面端跨平台</h2><p class="details" data-v-b6a92bf3>在 AvaloniaUI 框架的基础上，SukiUI 在 Windows，macOS，和 Linux 上都能使用</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-1e13c00a data-v-b4fdecfd><!--[--><div style="position:relative;" data-v-1e13c00a><div></div></div><!--]--></div></div></div><!----><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"xKZYav3u\",\"documentation_controls_data_busyarea.md\":\"CGSRNTXx\",\"documentation_controls_data_datagrid.md\":\"DZ5jkVbn\",\"documentation_controls_data_expander.md\":\"CMBHeNWz\",\"documentation_controls_data_groupbox.md\":\"CrtStsa9\",\"documentation_controls_data_listbox.md\":\"DVJQcGSh\",\"documentation_controls_data_treeview.md\":\"B_eg_I2u\",\"documentation_controls_datetime_calendar.md\":\"DRMPx6wk\",\"documentation_controls_datetime_calendardatepicker.md\":\"DvrkezHr\",\"documentation_controls_datetime_datepicker.md\":\"7lUO94lr\",\"documentation_controls_datetime_timepicker.md\":\"n1dxOpS8\",\"documentation_controls_inputs_autocompletebox.md\":\"fotwWd-N\",\"documentation_controls_inputs_button.md\":\"MultdmkL\",\"documentation_controls_inputs_checkbox.md\":\"BE8_hNKq\",\"documentation_controls_inputs_combobox.md\":\"DWeJYIbw\",\"documentation_controls_inputs_contextmenu.md\":\"DoXnGxgf\",\"documentation_controls_inputs_dropdownbutton.md\":\"Bo4TPXwT\",\"documentation_controls_inputs_numericupdown.md\":\"5wyNtthE\",\"documentation_controls_inputs_radiobutton.md\":\"7Ca0kK3I\",\"documentation_controls_inputs_slider.md\":\"BqiY1C49\",\"documentation_controls_inputs_textbox.md\":\"C0ITTqPh\",\"documentation_controls_inputs_togglebutton.md\":\"CLRetAcE\",\"documentation_controls_inputs_toggleswitch.md\":\"xuOhQHc7\",\"documentation_controls_layout_dock.md\":\"Cgcztqt_\",\"documentation_controls_layout_glasscard.md\":\"hVskZja9\",\"documentation_controls_layout_settingslayout.md\":\"CTOaD0bO\",\"documentation_controls_layout_sukiwindow.md\":\"Bwrc7Ugt\",\"documentation_controls_navigation_sidemenu.md\":\"CKedGK7N\",\"documentation_controls_navigation_stackpage.md\":\"CnH0p65_\",\"documentation_controls_navigation_tabcontrol.md\":\"DpK6AJqy\",\"documentation_controls_notification_infobadge.md\":\"4c-jUjQO\",\"documentation_controls_notification_infobar.md\":\"mVkhGF2-\",\"documentation_controls_progress_circleprogressbar.md\":\"Ctg54rIO\",\"documentation_controls_progress_loading.md\":\"t8ClkFEo\",\"documentation_controls_progress_progressbar.md\":\"BtY0dHpo\",\"documentation_controls_progress_stepper.md\":\"Dp65mxfS\",\"documentation_controls_progress_waveprogress.md\":\"DTCp8k9m\",\"documentation_controls_system_filepicker.md\":\"Cp1byn_4\",\"documentation_faq_custom-font.md\":\"3FvTz3gh\",\"documentation_getting-started_installation.md\":\"BGkOGXN5\",\"documentation_getting-started_introduction.md\":\"C7P2kwsZ\",\"documentation_getting-started_launch.md\":\"SDnswIiC\",\"documentation_hosts_dialog.md\":\"DCHoz3_r\",\"documentation_hosts_hosts.md\":\"CqO9D7Jh\",\"documentation_hosts_toast.md\":\"9xC1dbU-\",\"documentation_index.md\":\"DKuGNyZt\",\"documentation_style_color.md\":\"BCo6u_r2\",\"documentation_style_icon.md\":\"DjC2vRh-\",\"documentation_style_text.md\":\"BaXRSajy\",\"documentation_theming_basic.md\":\"CUCv0vqm\",\"documentation_theming_theme-color.md\":\"Db-C0foH\",\"documentation_theming_theme.md\":\"B5IOppXO\",\"index.md\":\"DWZK2KlF\",\"markdown-examples.md\":\"BB-hYbnM\",\"zh_documentation_controls_data_busyarea.md\":\"BG9a8YPp\",\"zh_documentation_controls_data_datagrid.md\":\"CmUGWqOd\",\"zh_documentation_controls_data_expander.md\":\"BoWlT255\",\"zh_documentation_controls_data_groupbox.md\":\"CmfmPpuY\",\"zh_documentation_controls_data_listbox.md\":\"DvASlktq\",\"zh_documentation_controls_data_treeview.md\":\"6plUxp5v\",\"zh_documentation_controls_datetime_calendar.md\":\"D1diz33i\",\"zh_documentation_controls_datetime_calendardatepicker.md\":\"DpcFLv4y\",\"zh_documentation_controls_datetime_datepicker.md\":\"B_xzo91v\",\"zh_documentation_controls_datetime_timepicker.md\":\"ykMnV9ve\",\"zh_documentation_controls_inputs_autocompletebox.md\":\"B6D2FByw\",\"zh_documentation_controls_inputs_button.md\":\"7Poaz6tu\",\"zh_documentation_controls_inputs_checkbox.md\":\"Cf_gA-px\",\"zh_documentation_controls_inputs_combobox.md\":\"bcuLBHA-\",\"zh_documentation_controls_inputs_contextmenu.md\":\"CzggnY1z\",\"zh_documentation_controls_inputs_dropdownbutton.md\":\"BbBcLxS2\",\"zh_documentation_controls_inputs_numericupdown.md\":\"CODJO-4s\",\"zh_documentation_controls_inputs_radiobutton.md\":\"BXHp-K7Y\",\"zh_documentation_controls_inputs_slider.md\":\"DhhRGnyh\",\"zh_documentation_controls_inputs_textbox.md\":\"C2BQuxrw\",\"zh_documentation_controls_inputs_togglebutton.md\":\"CfPDcUql\",\"zh_documentation_controls_inputs_toggleswitch.md\":\"uNQHmJaZ\",\"zh_documentation_controls_layout_dock.md\":\"mg-Mq_jp\",\"zh_documentation_controls_layout_glasscard.md\":\"CpcLtEv1\",\"zh_documentation_controls_layout_settingslayout.md\":\"B9-qh1az\",\"zh_documentation_controls_layout_sukiwindow.md\":\"BTyRICtX\",\"zh_documentation_controls_navigation_sidemenu.md\":\"DsUF6Klo\",\"zh_documentation_controls_navigation_stackpage.md\":\"UOQMW330\",\"zh_documentation_controls_navigation_tabcontrol.md\":\"Dm_I1ecn\",\"zh_documentation_controls_notification_infobadge.md\":\"CYB-8Lw8\",\"zh_documentation_controls_notification_infobar.md\":\"Cu_kRU8K\",\"zh_documentation_controls_progress_circleprogressbar.md\":\"C16keW9i\",\"zh_documentation_controls_progress_loading.md\":\"DIoSdgnz\",\"zh_documentation_controls_progress_progressbar.md\":\"Dwav7bBx\",\"zh_documentation_controls_progress_stepper.md\":\"B8p93PmZ\",\"zh_documentation_controls_progress_waveprogress.md\":\"C6QCQyu9\",\"zh_documentation_controls_system_filepicker.md\":\"DzvNGmvC\",\"zh_documentation_faq_custom-font.md\":\"C8__sOrN\",\"zh_documentation_getting-started_installation.md\":\"D90qknIP\",\"zh_documentation_getting-started_introduction.md\":\"RZfbCGKb\",\"zh_documentation_getting-started_launch.md\":\"CKpUuq0m\",\"zh_documentation_hosts_dialog.md\":\"Db3RG0h5\",\"zh_documentation_hosts_hosts.md\":\"23QA2QDu\",\"zh_documentation_hosts_toast.md\":\"DZJQWLJa\",\"zh_documentation_index.md\":\"BJnTSKI9\",\"zh_documentation_style_color.md\":\"qe0m7krY\",\"zh_documentation_style_icon.md\":\"DuABnqCZ\",\"zh_documentation_style_text.md\":\"DDQ6FfGq\",\"zh_documentation_theming_basic.md\":\"CCSnN4Zk\",\"zh_documentation_theming_theme-color.md\":\"DV-O-uC3\",\"zh_documentation_theming_theme.md\":\"CokiFiib\",\"zh_index.md\":\"Bb8-jd6r\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SukiUI\",\"description\":\"A VitePress site\",\"base\":\"/SukiUI/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":{\"src\":\"/suki.webp\",\"width\":24,\"height\":24},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/kikipoulet/SukiUI\"}],\"search\":{\"provider\":\"local\",\"options\":{\"locales\":{\"zh\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"noResultsText\":\"无法找到相关结果\",\"resetButtonTitle\":\"清除查询条件\",\"footer\":{\"selectText\":\"选择\",\"navigateText\":\"切换\"}}}}}}}},\"locales\":{\"root\":{\"label\":\"English\",\"description\":\"A Desktop UI Library for Avalonia\",\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Documentation\",\"link\":\"/documentation\"}],\"sidebar\":[{\"text\":\"Get Started\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/documentation/getting-started/introduction\"},{\"text\":\"Installation\",\"link\":\"/documentation/getting-started/installation\"},{\"text\":\"Launch\",\"link\":\"/documentation/getting-started/launch\"}]},{\"text\":\"Theming\",\"items\":[{\"text\":\"Basic\",\"link\":\"/documentation/theming/basic\"},{\"text\":\"Light & Dark\",\"link\":\"/documentation/theming/theme\"},{\"text\":\"Color\",\"link\":\"/documentation/theming/theme-color\"}]},{\"text\":\"Controls\",\"items\":[{\"text\":\"Navigation\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"Layout\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/documentation/controls/layout/dock\"}]},{\"text\":\"Inputs\",\"items\":[{\"text\":\"Button\",\"link\":\"/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"Date & Time\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/documentation/controls/datetime/timepicker\"}]},{\"text\":\"Progress\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/documentation/controls/progress/progressbar\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/documentation/controls/data/expander\"}]},{\"text\":\"Notification\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/documentation/controls/notification/infobadge\"}]},{\"text\":\"System\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/documentation/controls/system/filepicker\"}]}]},{\"text\":\"Hosts\",\"items\":[{\"text\":\"About Hosts\",\"link\":\"/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"Custom Font\",\"link\":\"/documentation/faq/custom-font\"}]},{\"text\":\"Style\",\"items\":[{\"text\":\"Text\",\"link\":\"/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/documentation/style/icon\"}]}]}},\"zh\":{\"label\":\"简体中文\",\"description\":\"一个 Avalonia 控件库\",\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/zh\"},{\"text\":\"文档\",\"link\":\"/zh/documentation\"}],\"sidebar\":[{\"text\":\"开始\",\"items\":[{\"text\":\"介绍\",\"link\":\"/zh/documentation/getting-started/introduction\"},{\"text\":\"安装\",\"link\":\"/zh/documentation/getting-started/installation\"},{\"text\":\"启动应用\",\"link\":\"/zh/documentation/getting-started/launch\"}]},{\"text\":\"主题\",\"items\":[{\"text\":\"主题实例\",\"link\":\"/zh/documentation/theming/basic\"},{\"text\":\"明暗主题切换\",\"link\":\"/zh/documentation/theming/theme\"},{\"text\":\"主题色\",\"link\":\"/zh/documentation/theming/theme-color\"}]},{\"text\":\"控件\",\"items\":[{\"text\":\"导航\",\"items\":[{\"text\":\"SideMenu\",\"link\":\"/zh/documentation/controls/navigation/sidemenu\"},{\"text\":\"StackPage\",\"link\":\"/zh/documentation/controls/navigation/stackpage\"},{\"text\":\"TabControl\",\"link\":\"/zh/documentation/controls/navigation/tabcontrol\"}]},{\"text\":\"布局\",\"items\":[{\"text\":\"GlassCard\",\"link\":\"/zh/documentation/controls/layout/glasscard\"},{\"text\":\"SettingsLayout\",\"link\":\"/zh/documentation/controls/layout/settingslayout\"},{\"text\":\"SukiWindow\",\"link\":\"/zh/documentation/controls/layout/sukiwindow\"},{\"text\":\"Dock\",\"link\":\"/zh/documentation/controls/layout/dock\"}]},{\"text\":\"输入\",\"items\":[{\"text\":\"Button\",\"link\":\"/zh/documentation/controls/inputs/button\"},{\"text\":\"DropDownButton\",\"link\":\"/zh/documentation/controls/inputs/dropdownbutton\"},{\"text\":\"ToggleSwitch\",\"link\":\"/zh/documentation/controls/inputs/toggleswitch\"},{\"text\":\"ToggleButton\",\"link\":\"/zh/documentation/controls/inputs/togglebutton\"},{\"text\":\"Slider\",\"link\":\"/zh/documentation/controls/inputs/slider\"},{\"text\":\"ComboBox\",\"link\":\"/zh/documentation/controls/inputs/combobox\"},{\"text\":\"NumericUpDown\",\"link\":\"/zh/documentation/controls/inputs/numericupdown\"},{\"text\":\"TextBox\",\"link\":\"/zh/documentation/controls/inputs/textbox\"},{\"text\":\"CheckBox\",\"link\":\"/zh/documentation/controls/inputs/checkbox\"},{\"text\":\"RadioButton\",\"link\":\"/zh/documentation/controls/inputs/radiobutton\"},{\"text\":\"ContextMenu\",\"link\":\"/zh/documentation/controls/inputs/contextmenu\"},{\"text\":\"AutoCompleteBox\",\"link\":\"/zh/documentation/controls/inputs/autocompletebox\"}]},{\"text\":\"日期与时间\",\"items\":[{\"text\":\"Calendar\",\"link\":\"/zh/documentation/controls/datetime/calendar\"},{\"text\":\"DatePicker\",\"link\":\"/zh/documentation/controls/datetime/datepicker\"},{\"text\":\"CalendarDatePicker\",\"link\":\"/zh/documentation/controls/datetime/calendardatepicker\"},{\"text\":\"TimePicker\",\"link\":\"/zh/documentation/controls/datetime/timepicker\"}]},{\"text\":\"进度\",\"items\":[{\"text\":\"WaveProgress\",\"link\":\"/zh/documentation/controls/progress/waveprogress\"},{\"text\":\"Stepper\",\"link\":\"/zh/documentation/controls/progress/stepper\"},{\"text\":\"CircleProgressBar\",\"link\":\"/zh/documentation/controls/progress/circleprogressbar\"},{\"text\":\"Loading\",\"link\":\"/zh/documentation/controls/progress/loading\"},{\"text\":\"ProgressBar\",\"link\":\"/zh/documentation/controls/progress/progressbar\"}]},{\"text\":\"数据展现\",\"items\":[{\"text\":\"DataGrid\",\"link\":\"/zh/documentation/controls/data/datagrid\"},{\"text\":\"ListBox\",\"link\":\"/zh/documentation/controls/data/listbox\"},{\"text\":\"TreeView\",\"link\":\"/zh/documentation/controls/data/treeview\"},{\"text\":\"GroupBox\",\"link\":\"/zh/documentation/controls/data/groupbox\"},{\"text\":\"BusyArea\",\"link\":\"/zh/documentation/controls/data/busyarea\"},{\"text\":\"Expander\",\"link\":\"/zh/documentation/controls/data/expander\"}]},{\"text\":\"提醒\",\"items\":[{\"text\":\"InfoBar\",\"link\":\"/zh/documentation/controls/notification/infobar\"},{\"text\":\"InfoBadge\",\"link\":\"/zh/documentation/controls/notification/infobadge\"}]},{\"text\":\"系统 API\",\"items\":[{\"text\":\"FilePicker\",\"link\":\"/zh/documentation/controls/system/filepicker\"}]}]},{\"text\":\"可选窗口控件\",\"items\":[{\"text\":\"有关 Hosts\",\"link\":\"/zh/documentation/hosts/hosts\"},{\"text\":\"Dialog\",\"link\":\"/zh/documentation/hosts/dialog\"},{\"text\":\"Toast\",\"link\":\"/zh/documentation/hosts/toast\"}]},{\"text\":\"FAQ\",\"items\":[{\"text\":\"自定义字体\",\"link\":\"/zh/documentation/faq/custom-font\"}]},{\"text\":\"样式\",\"items\":[{\"text\":\"Text\",\"link\":\"/zh/documentation/style/text\"},{\"text\":\"Color\",\"link\":\"/zh/documentation/style/color\"},{\"text\":\"Icon\",\"link\":\"/zh/documentation/style/icon\"}]}]}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file